1

src/components/bs-icons/del/Del.svg

@@ -1,11 +1,11 @@
 <svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <g id="Group 468">
         <g id="Group 466">
-            <rect id="Rectangle 221" x="8" y="9" width="12" height="1.71429" rx="0.857143" fill="#9CA3BA" />
-            <rect id="Rectangle 222" x="11.4285" y="7" width="5.14286" height="1.71429" rx="0.857143" fill="#9CA3BA" />
+            <rect id="Rectangle 221" x="8" y="9" width="12" height="1.71429" rx="0.857143" fill="#666" />
+            <rect id="Rectangle 222" x="11.4285" y="7" width="5.14286" height="1.71429" rx="0.857143" fill="#666" />
             <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd"
                 d="M9 12C9 11.4477 9.44772 11 10 11H18C18.5523 11 19 11.4477 19 12V19C19 20.1046 18.1046 21 17 21H11C9.89543 21 9 20.1046 9 19V12ZM12.7143 14C13.1877 14 13.5714 14.3838 13.5714 14.8571V17.1429C13.5714 17.6162 13.1877 18 12.7143 18C12.2409 18 11.8572 17.6162 11.8572 17.1429V14.8571C11.8572 14.3838 12.2409 14 12.7143 14ZM16.1429 14.8571C16.1429 14.3838 15.7591 14 15.2857 14C14.8123 14 14.4286 14.3838 14.4286 14.8571V17.1429C14.4286 17.6162 14.8123 18 15.2857 18C15.7591 18 16.1429 17.6162 16.1429 17.1429V14.8571Z"
-                fill="#9CA3BA" />
+                fill="#666" />
         </g>
     </g>
 </svg>

src/components/bs-icons/del/index.tsx

@@ -5,5 +5,5 @@ export const DelIcon = forwardRef<
     SVGSVGElement & { className: any },
     React.PropsWithChildren<{ className?: string }>
 >((props, ref) => {
-    return <Del ref={ref} {...props} />;
+    return <Del className="text-[red]" ref={ref} {...props} />;
 });

src/components/bs-icons/down/DropDown.svg

@@ -0,0 +1,7 @@
+<svg t="1718350872747" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2516"
+    width="20" height="20">
+    <path
+        d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z"
+        p-id="2517">
+    </path>
+</svg>

src/components/bs-icons/down/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as DropDown } from "./DropDown.svg";
+
+export const DropDownIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>((props, ref) => {
+    return <DropDown ref={ref} {...props} />;
+});

src/components/bs-icons/en/En.svg

@@ -1,3 +1,3 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.61375 12.536H9.09375V15H2.05375V3.8H9.01375V6.264H4.61375V8.12H8.61375V10.552H4.61375V12.536ZM15.1461 6.776C16.7621 6.776 18.1381 7.928 18.1381 10.088V15H15.7381V10.44C15.7381 9.448 15.1141 8.984 14.3461 8.984C13.4661 8.984 12.8581 9.496 12.8581 10.632V15H10.4581V7H12.8581V7.752C13.2901 7.16 14.0901 6.776 15.1461 6.776Z" fill="black"/>
+<path d="M4.61375 12.536H9.09375V15H2.05375V3.8H9.01375V6.264H4.61375V8.12H8.61375V10.552H4.61375V12.536ZM15.1461 6.776C16.7621 6.776 18.1381 7.928 18.1381 10.088V15H15.7381V10.44C15.7381 9.448 15.1141 8.984 14.3461 8.984C13.4661 8.984 12.8581 9.496 12.8581 10.632V15H10.4581V7H12.8581V7.752C13.2901 7.16 14.0901 6.776 15.1461 6.776Z" fill="currentColor"/>
 </svg>

src/components/bs-icons/filter/Filter.svg

@@ -0,0 +1,6 @@
+<svg t="1716545040041" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" 
+p-id="2664" width="18" height="18">
+<path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196z m531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z" 
+p-id="2665" fill="currentColor">
+</path>
+</svg>

src/components/bs-icons/filter/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as Filter } from "./Filter.svg";
+
+export const FilterIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>((props, ref) => {
+    return <Filter ref={ref} {...props} />;
+});

src/components/bs-icons/index.ts

@@ -0,0 +1,40 @@
+export { AddToIcon } from './addTo';
+export { ApplicationIcon } from './menu/application';
+export { AssistantIcon } from './assistant';
+export { AvatarIcon } from './avatar';
+export { BookOpenIcon } from './bookOpen';
+export { ClearIcon } from './clear';
+export { DelIcon } from './del';
+export { EnIcon } from './en';
+export { FilterIcon } from './filter';
+export { FormIcon } from './form';
+export { GithubIcon } from './github';
+export { GoIcon } from './go';
+export { KnowledgeIcon } from './knowledge';
+export { LoadIcon } from './loading';
+export { ModelIcon } from './menu/model';
+export { MoonIcon } from './moon';
+export { MoveOneIcon } from './moveOne';
+export { NewApplicationIcon } from './newApplication';
+export { WordIcon } from './office';
+export { PlusIcon } from './plus';
+export { PlusBoxIcon } from './plusBox';
+export { QuestionMarkIcon } from './questionMark';
+export { QuitIcon } from './quit';
+export { SaveIcon } from './save';
+export { SearchIcon } from './search';
+export { SendIcon } from './send';
+export { SettingIcon } from './setting';
+export { SkillIcon } from './skill';
+export { SystemIcon } from './menu/system';
+export { TabIcon } from './tab';
+export { TechnologyIcon } from './menu/technology';
+export { ThunmbIcon } from './thumbs';
+export { TipIcon } from './tip';
+export { ToastIcon } from './toast';
+export { ToolIcon } from './tool';
+export { UploadIcon } from './upload';
+export { UserIcon } from './user';
+export { LogIcon } from './menu/log';
+export { EvaluatingIcon } from './menu/evaluation';
+export { DropDownIcon } from './down'

src/components/bs-icons/menu/evaluation/Evaluation.svg

@@ -0,0 +1,6 @@
+<svg t="1719471279077" class="icon" viewBox="-160 -160 1344 1344" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24"
+    height="24">
+    <path
+        d="M887.994182 46.545455H146.245818C95.976727 46.545455 46.545455 88.110545 46.545455 138.612364V512h183.761454L298.821818 446.370909c7.68-7.68 18.618182-9.448727 29.230546-7.447273a33.512727 33.512727 0 0 1 23.738181 20.014546l83.409455 196.096 129.117091-389.259637a33.186909 33.186909 0 0 1 30.72-22.202181c15.266909 0.325818 27.508364 6.656 31.464727 20.573091L697.809455 512h92.625454a31.650909 31.650909 0 1 1 0 63.488h-117.201454c-14.522182 0-27.275636-5.585455-31.278546-19.549091l-49.198545-171.054545-118.784 371.712c-4.282182 12.8-25.460364 22.248727-25.460364 22.807272v0.279273c-21.131636 0-30.068364-7.586909-35.281455-19.549091l-100.258909-230.4-45.102545 40.308364c-6.050909 6.097455-15.406545 5.445818-24.064 5.445818H46.545455v309.248C46.545455 935.284364 96.023273 977.454545 146.245818 977.454545h741.748364c50.269091 0 89.460364-42.170182 89.460363-92.718545V138.612364C977.454545 88.110545 938.216727 46.545455 887.994182 46.545455z"
+        fill="currentColor"></path>
+</svg>

src/components/bs-icons/menu/evaluation/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as Icon } from "./Evaluation.svg";
+
+export const EvaluatingIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>(({ className, ...props }, ref) => {
+    return <Icon ref={ref} {...props} className={className || ''} />;
+});

src/components/bs-icons/menu/log/Log.svg

@@ -0,0 +1,6 @@
+<svg t="1717680812187" class="icon" viewBox="-100 -100 1224 1224" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7890"
+    width="24" height="24">
+    <path
+        d="M511.999269 0c4.608 0 9.289143 1.755429 13.165714 5.046857 42.422857 36.644571 185.051429 144.237714 405.650286 150.454857 11.117714 0.438857 20.187429 9.508571 20.041142 21.065143V605.622857C950.856411 797.622857 668.232411 1024 511.999269 1024c-160.621714 0-438.857143-226.377143-438.857143-418.377143V176.347429c0-11.483429 9.069714-20.626286 20.187428-20.918858C314.001554 149.284571 456.703269 41.691429 498.833554 4.900571A20.626286 20.626286 0 0 1 511.999269 0z m-24.356572 283.209143l-130.194286 270.336h204.214858L487.496411 712.704l75.044572 34.962286 129.024-277.065143H489.324983l72.996571-151.552-74.678857-35.84z"
+        fill="currentColor"></path>
+</svg>

src/components/bs-icons/menu/log/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as Log } from "./Log.svg";
+
+export const LogIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>(({ className, ...props }, ref) => {
+    return <Log ref={ref} {...props} className={className || ''} />;
+});

src/components/bs-icons/office/index.tsx

@@ -5,6 +5,6 @@ export const WordIcon = forwardRef<
     SVGSVGElement & { className: any },
     React.PropsWithChildren<{ className?: string }>
 >(({ className, ...props }, ref) => {
-    const _className = 'transition text-[#43AFD2] ' + (className || '')
+    const _className = 'transition text-gray-950 ' + (className || '')
     return <Word ref={ref} {...props} className={_className} />;
 });

src/components/bs-icons/plusBox/PlusBox.svg

@@ -1,10 +1,13 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 541">
-<path id="Rectangle 247" d="M0 4C0 3.44772 0.447715 3 1 3H18C21.3137 3 24 5.68629 24 9V15C24 18.3137 21.3137 21 18 21H6C2.68629 21 0 18.3137 0 15V4Z" fill="#111111"/>
-<g id="Group 540">
-<g id="Group 414">
-<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M13 11V8H11L11 11H8V13H11L11 16H13V13H16V11H13Z" fill="white"/>
-</g>
-</g>
-</g>
-</svg>
+    <g id="Group 541">
+        <path id="Rectangle 247"
+            d="M0 4C0 3.44772 0.447715 3 1 3H18C21.3137 3 24 5.68629 24 9V15C24 18.3137 21.3137 21 18 21H6C2.68629 21 0 18.3137 0 15V4Z"
+            fill="#111111" />
+        <g id="Group 540">
+            <g id="Group 414">
+                <path id="Union" fill-rule="evenodd" clip-rule="evenodd"
+                    d="M13 11V8H11L11 11H8V13H11L11 16H13V13H16V11H13Z" fill="white" />
+            </g>
+        </g>
+    </g>
+</svg>

src/components/bs-icons/questionMark/index.tsx

@@ -5,6 +5,6 @@ export const QuestionMarkIcon = forwardRef<
     SVGSVGElement & { className: any },
     React.PropsWithChildren<{ className?: string }>
 >(({ className, ...props }, ref) => {
-    const _className = 'transition text-gray-950 ' + (className || '')
+    const _className = 'transition text-[#999] ' + (className || '')
     return <QuestionMark ref={ref} {...props} className={_className} />;
 });

src/components/bs-icons/quit/Quit-dark.svg

@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 542">
-<g id="Group 417">
-<path id="Rectangle 186" d="M10 5H7.2C6.0799 5 5.51984 5 5.09202 5.21799C4.71569 5.40973 4.40973 5.71569 4.21799 6.09202C4 6.51984 4 7.07989 4 8.2V15.8C4 16.9201 4 17.4802 4.21799 17.908C4.40973 18.2843 4.71569 18.5903 5.09202 18.782C5.51984 19 6.07989 19 7.2 19H10" stroke="white" stroke-width="2"/>
-<path id="Vector 1" d="M10 12H17.5M15 8L19 12L15 16" stroke="white" stroke-width="2" stroke-linejoin="round"/>
-</g>
-</g>
-</svg>

src/components/bs-icons/quit/Quit.svg

@@ -1,8 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 542">
-<g id="Group 417">
-<path id="Rectangle 186" d="M10 5H7.2C6.0799 5 5.51984 5 5.09202 5.21799C4.71569 5.40973 4.40973 5.71569 4.21799 6.09202C4 6.51984 4 7.07989 4 8.2V15.8C4 16.9201 4 17.4802 4.21799 17.908C4.40973 18.2843 4.71569 18.5903 5.09202 18.782C5.51984 19 6.07989 19 7.2 19H10" stroke="black" stroke-width="2"/>
-<path id="Vector 1" d="M10 12H17.5M15 8L19 12L15 16" stroke="black" stroke-width="2" stroke-linejoin="round"/>
-</g>
-</g>
-</svg>
+    <g id="Group 542">
+        <g id="Group 417">
+            <path id="Rectangle 186"
+                d="M10 5H7.2C6.0799 5 5.51984 5 5.09202 5.21799C4.71569 5.40973 4.40973 5.71569 4.21799 6.09202C4 6.51984 4 7.07989 4 8.2V15.8C4 16.9201 4 17.4802 4.21799 17.908C4.40973 18.2843 4.71569 18.5903 5.09202 18.782C5.51984 19 6.07989 19 7.2 19H10"
+                stroke="currentColor" stroke-width="2" />
+            <path id="Vector 1" d="M10 12H17.5M15 8L19 12L15 16" stroke="currentColor" stroke-width="2"
+                stroke-linejoin="round" />
+        </g>
+    </g>
+</svg>

src/components/bs-icons/quit/index.tsx

@@ -1,17 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as Quit } from "./Quit.svg";
-import { ReactComponent as QuitDark } from "./Quit-dark.svg";
 
 export const QuitIcon = forwardRef<
     SVGSVGElement & { className: any },
     React.PropsWithChildren<{ className?: string }>
->(({className,...props}, ref) => {
-    return <Quit ref={ref} {...props} className={className || ''}/>;
-});
-
-export const QuitIconDark = forwardRef<
-    SVGSVGElement & { className: any },
-    React.PropsWithChildren<{ className?: string }>
->(({className,...props}, ref) => {
-    return <QuitDark ref={ref} {...props} className={className || ''}/>;
+>(({ className, ...props }, ref) => {
+    return <Quit ref={ref} {...props} className={className || ''} />;
 });

src/components/bs-icons/search/Search.svg

@@ -1,8 +1,8 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g id="Group 459">
         <g id="Group 458">
-            <circle id="Ellipse 10" cx="9" cy="9" r="6" stroke="black" stroke-width="2" />
-            <path id="Vector 4" d="M13 13L17 17" stroke="black" stroke-width="2" stroke-linejoin="round" />
+            <circle id="Ellipse 10" cx="9" cy="9" r="6" stroke="currentColor" stroke-width="2" />
+            <path id="Vector 4" d="M13 13L17 17" stroke="currentColor" stroke-width="2" stroke-linejoin="round" />
         </g>
     </g>
 </svg>

src/components/bs-icons/thumbs/copy.svg

@@ -1,8 +1,8 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g id="Group 488">
-        <rect id="Rectangle 231" x="5.75" y="5.75" width="12.5" height="13.5" rx="2.25" fill="white"
+        <rect id="Rectangle 231" x="5.75" y="5.75" width="12.5" height="13.5" rx="2.25" fill="transparent"
+            stroke="currentColor" stroke-width="1.5" />
+        <rect id="Rectangle 232" x="8.75" y="4.75" width="6.5" height="3.5" rx="1.25" fill="transparent"
             stroke="currentColor" stroke-width="1.5" />
-        <rect id="Rectangle 232" x="8.75" y="4.75" width="6.5" height="3.5" rx="1.25" fill="white" stroke="currentColor"
-            stroke-width="1.5" />
     </g>
 </svg>

src/components/bs-icons/thumbs/copyDark.svg

@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 488">
-<rect id="Rectangle 231" x="5.75" y="5.75" width="12.5" height="13.5" rx="2.25" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
-<rect id="Rectangle 232" x="8.75" y="4.75" width="6.5" height="3.5" rx="1.25" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
-</g>
-</svg>

src/components/bs-icons/thumbs/index.tsx

@@ -1,11 +1,8 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as copy } from "./copy.svg";
-import { ReactComponent as copyDark } from "./copyDark.svg";
 import { ReactComponent as like } from "./like.svg";
-import { ReactComponent as likeDark } from "./likeDark.svg";
 import { ReactComponent as unLike } from "./unLike.svg";
-import { ReactComponent as unLikeDark } from "./unLikeDark.svg";
-
+import { cname } from "@/components/bs-ui/utils";
 
 type ThunmbIconType = 'copy' | 'like' | 'unLike' | 'copyDark' | 'likeDark' | 'unLikeDark';
 
@@ -15,13 +12,10 @@ export const ThunmbIcon = forwardRef<
 >((props, ref) => {
     const comps = {
         'copy': copy,
-        'copyDark': copyDark,
         'like': like,
-        'likeDark': likeDark,
         'unLike': unLike,
-        'unLikeDark': unLikeDark,
     }
     const Comp = comps[props.type];
-    const _className = 'transition text-gray-400 ' + (props.className || '')
+    const _className = cname('transition text-gray-400 hover:text-gray-500', props.className)
     return <Comp ref={ref} {...props} className={_className} />;
 });

src/components/bs-icons/thumbs/like.svg

@@ -1,15 +1,15 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g id="Group 489">
-        <rect id="Rectangle 231" x="4.75" y="9.75" width="3.5" height="8.5" rx="1.75" fill="white" stroke="currentColor"
-            stroke-width="1.5" />
+        <rect id="Rectangle 231" x="4.75" y="9.75" width="3.5" height="8.5" rx="1.75" fill="transparent"
+            stroke="currentColor" stroke-width="1.5" />
         <g id="Union">
-            <mask id="path-2-inside-1_399_44" fill="white">
+            <mask id="path-2-inside-1_399_44" fill="#fff">
                 <path fill-rule="evenodd" clip-rule="evenodd"
                     d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z" />
             </mask>
             <path fill-rule="evenodd" clip-rule="evenodd"
                 d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z"
-                fill="white" />
+                fill="transparent" />
             <path
                 d="M10.6318 5.48839L9.33611 4.73258V4.73258L10.6318 5.48839ZM8.89567 8.46456L9.69893 9.73136L10.0073 9.5358L10.1913 9.22037L8.89567 8.46456ZM18.4575 16.367L19.8672 16.8796V16.8796L18.4575 16.367ZM20.2802 11.3544L21.6899 11.867L20.2802 11.3544ZM14.5 8H13V9.5H14.5V8ZM11.9274 6.24419C12.1963 5.78337 12.6896 5.5 13.2231 5.5V2.5C11.6226 2.5 10.1426 3.3501 9.33611 4.73258L11.9274 6.24419ZM10.1913 9.22037L11.9274 6.24419L9.33611 4.73258L7.6 7.70876L10.1913 9.22037ZM9 11C9 10.4682 9.27563 9.99977 9.69893 9.73136L8.09241 7.19777C6.83801 7.99317 6 9.3982 6 11H9ZM9 16V11H6V16H9ZM10.5 17.5C9.67157 17.5 9 16.8284 9 16H6C6 18.4853 8.01472 20.5 10.5 20.5V17.5ZM14.6983 17.5H10.5V20.5H14.6983V17.5ZM17.0478 15.8544C16.6885 16.8423 15.7496 17.5 14.6983 17.5V20.5C17.0111 20.5 19.0768 19.0531 19.8672 16.8796L17.0478 15.8544ZM18.8705 10.8417L17.0478 15.8544L19.8672 16.8796L21.6899 11.867L18.8705 10.8417ZM17.9307 9.5C18.6247 9.5 19.1077 10.1896 18.8705 10.8417L21.6899 11.867C22.6386 9.25824 20.7066 6.5 17.9307 6.5V9.5ZM14.5 9.5H17.9307V6.5H14.5V9.5ZM13 5V8H16V5H13ZM13.5 5.5C13.2239 5.5 13 5.27614 13 5H16C16 3.61929 14.8807 2.5 13.5 2.5V5.5ZM13.2231 5.5H13.5V2.5H13.2231V5.5Z"
                 fill="currentColor" mask="url(#path-2-inside-1_399_44)" />

src/components/bs-icons/thumbs/likeDark.svg

@@ -1,12 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 489">
-<rect id="Rectangle 231" x="4.75" y="9.75" width="3.5" height="8.5" rx="1.75" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
-<g id="Union">
-<mask id="path-2-inside-1_387_497" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z" fill="#1B1B1B"/>
-<path d="M10.6318 5.48839L9.33611 4.73258V4.73258L10.6318 5.48839ZM8.89567 8.46456L9.69893 9.73136L10.0073 9.5358L10.1913 9.22037L8.89567 8.46456ZM18.4575 16.367L19.8672 16.8796V16.8796L18.4575 16.367ZM20.2802 11.3544L21.6899 11.867L20.2802 11.3544ZM14.5 8H13V9.5H14.5V8ZM11.9274 6.24419C12.1963 5.78337 12.6896 5.5 13.2231 5.5V2.5C11.6226 2.5 10.1426 3.3501 9.33611 4.73258L11.9274 6.24419ZM10.1913 9.22037L11.9274 6.24419L9.33611 4.73258L7.6 7.70876L10.1913 9.22037ZM9 11C9 10.4682 9.27563 9.99977 9.69893 9.73136L8.09241 7.19777C6.83801 7.99317 6 9.3982 6 11H9ZM9 16V11H6V16H9ZM10.5 17.5C9.67157 17.5 9 16.8284 9 16H6C6 18.4853 8.01472 20.5 10.5 20.5V17.5ZM14.6983 17.5H10.5V20.5H14.6983V17.5ZM17.0478 15.8544C16.6885 16.8423 15.7496 17.5 14.6983 17.5V20.5C17.0111 20.5 19.0768 19.0531 19.8672 16.8796L17.0478 15.8544ZM18.8705 10.8417L17.0478 15.8544L19.8672 16.8796L21.6899 11.867L18.8705 10.8417ZM17.9307 9.5C18.6247 9.5 19.1077 10.1896 18.8705 10.8417L21.6899 11.867C22.6386 9.25824 20.7066 6.5 17.9307 6.5V9.5ZM14.5 9.5H17.9307V6.5H14.5V9.5ZM13 5V8H16V5H13ZM13.5 5.5C13.2239 5.5 13 5.27614 13 5H16C16 3.61929 14.8807 2.5 13.5 2.5V5.5ZM13.2231 5.5H13.5V2.5H13.2231V5.5Z" fill="#898C97" mask="url(#path-2-inside-1_387_497)"/>
-</g>
-</g>
-</svg>

src/components/bs-icons/thumbs/unLike.svg

@@ -2,15 +2,15 @@
     <g id="Group 490">
         <g id="Group 491">
             <rect id="Rectangle 231" x="19.25" y="14.25" width="3.5" height="8.5" rx="1.75"
-                transform="rotate(-180 19.25 14.25)" fill="white" stroke="currentColor" stroke-width="1.5" />
+                transform="rotate(-180 19.25 14.25)" fill="transparent" stroke="currentColor" stroke-width="1.5" />
             <g id="Union">
-                <mask id="path-2-inside-1_399_50" fill="white">
+                <mask id="path-2-inside-1_399_50" fill="#fff">
                     <path fill-rule="evenodd" clip-rule="evenodd"
                         d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z" />
                 </mask>
                 <path fill-rule="evenodd" clip-rule="evenodd"
                     d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z"
-                    fill="white" />
+                    fill="transparent" />
                 <path
                     d="M12.4061 18.8L13.6061 19.7L13.6061 19.7L12.4061 18.8ZM14.6872 15.7586L14.0961 14.3799L13.7277 14.5379L13.4872 14.8586L14.6872 15.7586ZM5.54864 7.63302L4.13895 7.12041L4.13895 7.12041L5.54864 7.63302ZM3.72587 12.6456L2.31618 12.133L3.72587 12.6456ZM9.17277 16L10.6524 16.2466L10.9435 14.5L9.17277 14.5L9.17277 16ZM8.70017 18.8356L10.1798 19.0822L10.1798 19.0822L8.70017 18.8356ZM11.2061 17.9C10.9228 18.2777 10.4782 18.5 10.0061 18.5L10.0061 21.5C11.4225 21.5 12.7563 20.8331 13.6061 19.7L11.2061 17.9ZM13.4872 14.8586L11.2061 17.9L13.6061 19.7L15.8872 16.6586L13.4872 14.8586ZM15.0061 13C15.0061 13.6164 14.634 14.1493 14.0961 14.3799L15.2782 17.1372C16.8796 16.4507 18.0061 14.8586 18.0061 13L15.0061 13ZM15.0061 8L15.0061 13L18.0061 13L18.0061 8L15.0061 8ZM13.5061 6.5C14.3345 6.5 15.0061 7.17157 15.0061 8L18.0061 8C18.0061 5.51472 15.9914 3.5 13.5061 3.5L13.5061 6.5ZM9.30781 6.5L13.5061 6.5L13.5061 3.5L9.30781 3.5L9.30781 6.5ZM6.95833 8.14564C7.31759 7.15767 8.25655 6.5 9.30781 6.5L9.30781 3.5C6.99503 3.5 4.92933 4.94687 4.13895 7.12041L6.95833 8.14564ZM5.13556 13.1583L6.95833 8.14564L4.13895 7.12041L2.31618 12.133L5.13556 13.1583ZM6.07535 14.5C5.38139 14.5 4.8984 13.8104 5.13556 13.1583L2.31618 12.133C1.36755 14.7418 3.29949 17.5 6.07535 17.5L6.07535 14.5ZM9.17277 14.5L6.07535 14.5L6.07535 17.5L9.17277 17.5L9.17277 14.5ZM10.1798 19.0822L10.6524 16.2466L7.69318 15.7534L7.22058 18.589L10.1798 19.0822ZM9.68656 18.5C9.99553 18.5 10.2306 18.7774 10.1798 19.0822L7.22058 18.589C6.96661 20.1128 8.14171 21.5 9.68656 21.5L9.68656 18.5ZM10.0061 18.5L9.68656 18.5L9.68656 21.5L10.0061 21.5L10.0061 18.5Z"
                     fill="currentColor" mask="url(#path-2-inside-1_399_50)" />

src/components/bs-icons/thumbs/unLikeDark.svg

@@ -1,14 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 490">
-<g id="Group 491">
-<rect id="Rectangle 231" x="19.25" y="14.25" width="3.5" height="8.5" rx="1.75" transform="rotate(-180 19.25 14.25)" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
-<g id="Union">
-<mask id="path-2-inside-1_387_503" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z"/>
-</mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z" fill="#1B1B1B"/>
-<path d="M12.4061 18.8L13.6061 19.7L13.6061 19.7L12.4061 18.8ZM14.6872 15.7586L14.0961 14.3799L13.7277 14.5379L13.4872 14.8586L14.6872 15.7586ZM5.54864 7.63302L4.13895 7.12041L4.13895 7.12041L5.54864 7.63302ZM3.72587 12.6456L2.31618 12.133L3.72587 12.6456ZM9.17277 16L10.6524 16.2466L10.9435 14.5L9.17277 14.5L9.17277 16ZM8.70017 18.8356L10.1798 19.0822L10.1798 19.0822L8.70017 18.8356ZM11.2061 17.9C10.9228 18.2777 10.4782 18.5 10.0061 18.5L10.0061 21.5C11.4225 21.5 12.7563 20.8331 13.6061 19.7L11.2061 17.9ZM13.4872 14.8586L11.2061 17.9L13.6061 19.7L15.8872 16.6586L13.4872 14.8586ZM15.0061 13C15.0061 13.6164 14.634 14.1493 14.0961 14.3799L15.2782 17.1372C16.8796 16.4507 18.0061 14.8586 18.0061 13L15.0061 13ZM15.0061 8L15.0061 13L18.0061 13L18.0061 8L15.0061 8ZM13.5061 6.5C14.3345 6.5 15.0061 7.17157 15.0061 8L18.0061 8C18.0061 5.51472 15.9914 3.5 13.5061 3.5L13.5061 6.5ZM9.30781 6.5L13.5061 6.5L13.5061 3.5L9.30781 3.5L9.30781 6.5ZM6.95833 8.14564C7.31759 7.15767 8.25655 6.5 9.30781 6.5L9.30781 3.5C6.99503 3.5 4.92933 4.94687 4.13895 7.12041L6.95833 8.14564ZM5.13556 13.1583L6.95833 8.14564L4.13895 7.12041L2.31618 12.133L5.13556 13.1583ZM6.07535 14.5C5.38139 14.5 4.8984 13.8104 5.13556 13.1583L2.31618 12.133C1.36755 14.7418 3.29949 17.5 6.07535 17.5L6.07535 14.5ZM9.17277 14.5L6.07535 14.5L6.07535 17.5L9.17277 17.5L9.17277 14.5ZM10.1798 19.0822L10.6524 16.2466L7.69318 15.7534L7.22058 18.589L10.1798 19.0822ZM9.68656 18.5C9.99553 18.5 10.2306 18.7774 10.1798 19.0822L7.22058 18.589C6.96661 20.1128 8.14171 21.5 9.68656 21.5L9.68656 18.5ZM10.0061 18.5L9.68656 18.5L9.68656 21.5L10.0061 21.5L10.0061 18.5Z" fill="#898C97" mask="url(#path-2-inside-1_387_503)"/>
-</g>
-</g>
-</g>
-</svg>

src/components/bs-icons/upload/index.tsx

@@ -5,6 +5,6 @@ export const UploadIcon = forwardRef<
     SVGSVGElement & { className: any },
     React.PropsWithChildren<{ className?: string }>
 >(({ className, ...props }, ref) => {
-    const _className = 'transition text-gray-950 ' + (className || '')
+    const _className = 'transition text-[#ffd025] ' + (className || '')
     return <Upload ref={ref} {...props} className={_className} />;
 });