@team-monolith/cds 1.65.1 → 1.65.3

package/dist/components/Book/Book.d.ts

@@ -1,17 +1,27 @@
 import React from "react";
 export interface BookProps {
     className?: string;
+    /** 제목 영역 (하단에 노출되는) 텍스트 */
     title?: string;
+    /** subtitle 영역 (상단) 텍스트 */
     subtitle?: string;
+    /** subtitleBold 영역 (상단, subtitle 영역보다 1줄 낮음) 텍스트 */
     subtitleBold?: string;
+    /** 숨김 상태인지 여부 */
     isHidden?: boolean;
+    /** 버튼 영역 (최하단에 노출되는) */
     buttons?: React.ReactNode;
     /** 전달하면 controlled component로 애니메이션을 제어할 수 있다 */
     open?: boolean;
+    /** 커버 hover 시 발생하는 이벤트 */
     onHoverStart?: () => void;
+    /** 커버 hover 종료 시 발생하는 이벤트 */
     onHoverEnd?: () => void;
+    /** 커버 클릭 시 발생하는 이벤트 */
     onCoverClick?: () => void;
+    /** 커버에 노출되는 아이콘 */
     icon?: React.ReactNode;
+    /** 커버 색상 */
     coverColor: string;
 }
 declare const _default: React.ForwardRefExoticComponent<BookProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Book/Book.js

@@ -67,7 +67,7 @@ const CARD_COLOR_PALETTE = (theme) => ({
  *
  * 사유2)
  *   관리/배부 드랍다운 Modal이 Card 위로 그려져 hoverEnd를 유발하기 때문에
- *   특성 상황에서는 hoverEnd가 발생했어도 Card를 열고 있어야 합니다.
+ *   특정 상황에서는 hoverEnd가 발생했어도 Card를 열고 있어야 합니다.
  * @param props
  * @param ref
  * @returns
@@ -76,9 +76,7 @@ function Book(props, ref) {
     const { className, title, subtitle, subtitleBold, coverColor, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, } = props;
     const theme = useTheme();
     const [open, setOpen] = useState(false);
-    return (_jsxs(Container, Object.assign({ initial: "closed", animate: (controlledOpen !== undefined ? controlledOpen : open)
-            ? "open"
-            : "closed", ref: ref, onHoverStart: () => {
+    return (_jsxs(Container, Object.assign({ initial: "closed", animate: (controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : open) ? "open" : "closed", ref: ref, onHoverStart: () => {
             setOpen(true);
             onHoverStart === null || onHoverStart === void 0 ? void 0 : onHoverStart();
         }, onHoverEnd: () => {
@@ -97,9 +95,6 @@ function Book(props, ref) {
                 top: 50%;
                 transform: translate(-50%, -50%);
                 opacity: 0.8;
-
-                width: 24px;
-                height: 24px;
               ` })] })), _jsxs(CoverTexts, Object.assign({ variants: buttons ? textMotion : undefined }, { children: [_jsx(Subtitle, { children: subtitle }), _jsx(Subtitle, Object.assign({ css: css `
               font-weight: 800;
             ` }, { children: subtitleBold })), _jsx(CoverTitle, { children: title })] })), _jsx(BookGradient, {}), _jsx(Buttons, Object.assign({ variants: buttonsMotion, onClick: (e) => {

package/dist/icons/Custom.d.ts

@@ -316,15 +316,3 @@ export declare const customMakecodeColorSvg: string;
 export declare const CustomMakecodeColorIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
 } & React.RefAttributes<any>>;
-export declare const customBadgeGreenSvg: string;
-export declare const CustomBadgeGreenIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-} & React.RefAttributes<any>>;
-export declare const customBadgeSilverSvg: string;
-export declare const CustomBadgeSilverIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-} & React.RefAttributes<any>>;
-export declare const customBadgeGoldSvg: string;
-export declare const CustomBadgeGoldIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-} & React.RefAttributes<any>>;

package/dist/icons/Custom.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable react/display-name */
 import { uid } from "uid";
 import { useMemo, forwardRef } from "react";
 import customClassSvgImport from "./custom/class.svg";
@@ -358,57 +356,3 @@ export const customMakecodeColorSvg = customMakecodeColorSvgImport;
 export const CustomMakecodeColorIcon = forwardRef((props, ref) => {
     return (_jsxs("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M2.5 18V14.3C2.5 13.4716 1.82843 12.8 1 12.8H0.5V11.2H1C1.82843 11.2 2.5 10.5284 2.5 9.7V6C2.5 4.34315 3.84315 3 5.5 3H6.5V5H5.5C4.94772 5 4.5 5.44772 4.5 6V10.1C4.5 10.9858 3.92408 11.7372 3.12623 12C3.92408 12.2628 4.5 13.0142 4.5 13.9V18C4.5 18.5523 4.94772 19 5.5 19H6.5V21H5.5C3.84315 21 2.5 19.6569 2.5 18ZM21.5 14.3V18C21.5 19.6569 20.1569 21 18.5 21H17.5V19H18.5C19.0523 19 19.5 18.5523 19.5 18V13.9C19.5 13.0142 20.0759 12.2628 20.8738 12C20.0759 11.7372 19.5 10.9858 19.5 10.1V6C19.5 5.44772 19.0523 5 18.5 5H17.5V3H18.5C20.1569 3 21.5 4.34315 21.5 6V9.7C21.5 10.5284 22.1716 11.2 23 11.2H23.5V12.8H23C22.1716 12.8 21.5 13.4716 21.5 14.3Z", fill: "#FFE0F9" }), _jsx("path", { d: "M14.599 6.46154C14.368 6.46154 14.2188 6.21672 14.2885 6.00491C14.3609 5.78494 14.4 5.5507 14.4 5.30769C14.4 4.03319 13.3255 3 12 3C10.6745 3 9.6 4.03319 9.6 5.30769C9.6 5.5507 9.63906 5.78494 9.71148 6.00491C9.78121 6.21672 9.63201 6.46154 9.40096 6.46154H7.2C6.53726 6.46154 6 6.97813 6 7.61538V16.8462C6 17.4834 6.53726 18 7.2 18H16.8C17.4627 18 18 17.4834 18 16.8462V14.7298C18 14.5077 17.7454 14.3642 17.5251 14.4313C17.2963 14.5009 17.0527 14.5385 16.8 14.5385C15.4745 14.5385 14.4 13.5053 14.4 12.2308C14.4 10.9563 15.4745 9.92308 16.8 9.92308C17.0527 9.92308 17.2963 9.96064 17.5251 10.0303C17.7454 10.0973 18 9.95386 18 9.73169V7.61539C18 6.97813 17.4627 6.46154 16.8 6.46154H14.599Z", fill: "#AA278F" })] })));
 });
-import customBadgeGreenSvgImport from "./custom/badge-green.svg";
-export const customBadgeGreenSvg = customBadgeGreenSvgImport;
-export const CustomBadgeGreenIcon = forwardRef((props, ref) => {
-    const uniqueId = useMemo(uid, []);
-    return (_jsxs("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z", fill: `url(#paint0_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z", fill: "#363636", style: {
-                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
-                    fillOpacity: 1,
-                } }), _jsx("path", { d: "M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z", fill: "#363636", style: {
-                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
-                    fillOpacity: 1,
-                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: `paint0_linear_${uniqueId}`, x1: "12", y1: "1", x2: "12", y2: "23", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EBFF54", style: {
-                                stopColor: "color(display-p3 0.9217 1.0000 0.3286)",
-                                stopOpacity: 1,
-                            } }), _jsx("stop", { offset: "1", stopColor: "#BFFF00", style: {
-                                stopColor: "color(display-p3 0.7500 1.0000 0.0000)",
-                                stopOpacity: 1,
-                            } })] })) })] })));
-});
-import customBadgeSilverSvgImport from "./custom/badge-silver.svg";
-export const customBadgeSilverSvg = customBadgeSilverSvgImport;
-export const CustomBadgeSilverIcon = forwardRef((props, ref) => {
-    const uniqueId = useMemo(uid, []);
-    return (_jsxs("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M2 1V13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2Z", fill: `url(#paint0_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3V13.8215C4 17.6278 7.41639 21 12 21C16.5838 21 20 17.6287 20 13.8215V3H4ZM2 13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2V13.8215Z", fill: "#363636", style: {
-                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
-                    fillOpacity: 1,
-                } }), _jsx("path", { d: "M10.5 14.1178L17 8.00009L18 8.94127L10.5 16.0001L6 11.7648L7 10.8237L10.5 14.1178Z", fill: "#363636", style: {
-                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
-                    fillOpacity: 1,
-                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: `paint0_linear_${uniqueId}`, x1: "12", y1: "1", x2: "12", y2: "23", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EFEFF8", style: {
-                                stopColor: "color(display-p3 0.9362 0.9356 0.9710)",
-                                stopOpacity: 1,
-                            } }), _jsx("stop", { offset: "1", stopColor: "#D2EEF7", style: {
-                                stopColor: "color(display-p3 0.8235 0.9333 0.9686)",
-                                stopOpacity: 1,
-                            } })] })) })] })));
-});
-import customBadgeGoldSvgImport from "./custom/badge-gold.svg";
-export const customBadgeGoldSvg = customBadgeGoldSvgImport;
-export const CustomBadgeGoldIcon = forwardRef((props, ref) => {
-    const uniqueId = useMemo(uid, []);
-    return (_jsxs("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M10.0723 2.06023C11.2727 1.40005 12.7273 1.40005 13.9277 2.06023L19.9277 5.36023C21.2059 6.06324 22 7.40633 22 8.86509V15.1349C22 16.5937 21.2059 17.9368 19.9277 18.6398L13.9277 21.9398C12.7273 22.6 11.2727 22.6 10.0723 21.9398L4.07232 18.6398C2.79413 17.9368 2 16.5937 2 15.1349V8.86509C2 7.40633 2.79413 6.06324 4.07232 5.36023L10.0723 2.06023Z", fill: `url(#paint0_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9638 7.11266L12.9638 3.81266C12.3637 3.48257 11.6363 3.48257 11.0362 3.81266L5.03616 7.11266C4.39707 7.46417 4 8.13571 4 8.86509V15.1349C4 15.8643 4.39707 16.5359 5.03616 16.8874L11.0362 20.1874C11.6363 20.5174 12.3637 20.5174 12.9638 20.1874L18.9638 16.8874C19.6029 16.5359 20 15.8643 20 15.1349V8.86509C20 8.13571 19.6029 7.46417 18.9638 7.11266ZM13.9277 2.06023C12.7273 1.40005 11.2727 1.40005 10.0723 2.06023L4.07232 5.36023C2.79413 6.06324 2 7.40633 2 8.86509V15.1349C2 16.5937 2.79413 17.9368 4.07232 18.6398L10.0723 21.9398C11.2727 22.6 12.7273 22.6 13.9277 21.9398L19.9277 18.6398C21.2059 17.9368 22 16.5937 22 15.1349V8.86509C22 7.40633 21.2059 6.06324 19.9277 5.36023L13.9277 2.06023Z", fill: "#FFCC00", style: {
-                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
-                    fillOpacity: 1,
-                } }), _jsx("path", { d: "M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z", fill: "#FFCC00", style: {
-                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
-                    fillOpacity: 1,
-                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: `paint0_linear_${uniqueId}`, x1: "12", y1: "1.00001", x2: "12", y2: "23", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#29335C", style: {
-                                stopColor: "color(display-p3 0.1617 0.1985 0.3626)",
-                                stopOpacity: 1,
-                            } }), _jsx("stop", { offset: "1", stopColor: "#2C2F37", style: {
-                                stopColor: "color(display-p3 0.1725 0.1843 0.2157)",
-                                stopOpacity: 1,
-                            } })] })) })] })));
-});

package/dist/patterns/LexicalEditor/convertToMarkdown.d.ts

@@ -1,2 +1,3 @@
 import { SerializedEditorState } from "lexical";
-export declare function convertToMarkdown(serializedLexical: SerializedEditorState): string;
+import { Transformer } from "@lexical/markdown";
+export declare function convertToMarkdown(serializedLexical: SerializedEditorState, transformers?: Transformer[]): string;

package/dist/patterns/LexicalEditor/convertToMarkdown.js

@@ -2,7 +2,7 @@ import { createEditor } from "lexical";
 import { $convertToMarkdownString } from "@lexical/markdown";
 import { CODLE_TRANSFORMERS } from "./plugins/MarkdownTransformers";
 import { nodes } from "./nodes";
-export function convertToMarkdown(serializedLexical) {
+export function convertToMarkdown(serializedLexical, transformers) {
     // Create a Lexical editor instance
     const editor = createEditor({
         nodes,
@@ -15,7 +15,7 @@ export function convertToMarkdown(serializedLexical) {
     // Convert the Lexical editor state to Markdown string
     let markdown = "";
     editor.update(() => {
-        markdown = $convertToMarkdownString(CODLE_TRANSFORMERS);
+        markdown = $convertToMarkdownString(transformers !== null && transformers !== void 0 ? transformers : CODLE_TRANSFORMERS);
     });
     return markdown;
 }

package/dist/patterns/LexicalEditor/plugins/MarkdownTransformers/index.d.ts

@@ -9,4 +9,6 @@ import { ElementTransformer, TextMatchTransformer, Transformer } from "@lexical/
 export declare const HR: ElementTransformer;
 export declare const IMAGE: TextMatchTransformer;
 export declare const TABLE: ElementTransformer;
+export declare const IMAGE_LLM: TextMatchTransformer;
 export declare const CODLE_TRANSFORMERS: Array<Transformer>;
+export declare const LLM_TRANSFORMERS: Array<Transformer>;

package/dist/patterns/LexicalEditor/plugins/MarkdownTransformers/index.js

@@ -188,6 +188,29 @@ const SHEET_INPUT = {
     regExp: /a^/,
     replace: () => { },
 };
+// LLM에게 의미없는 이미지 URL을 제공하지 않습니다.
+export const IMAGE_LLM = {
+    dependencies: [ImageNode],
+    export: (node) => {
+        if (!$isImageNode(node)) {
+            return null;
+        }
+        return `![${node.getAltText()}]()`;
+    },
+    importRegExp: /!(?:\[([^[]*)\])(?:\(([^(]+)\))/,
+    regExp: /!(?:\[([^[]*)\])(?:\(([^(]+)\))$/,
+    replace: (textNode, match) => {
+        const [, altText, src] = match;
+        const imageNode = $createImageNode({
+            altText,
+            maxWidth: 800,
+            src,
+        });
+        textNode.replace(imageNode);
+    },
+    trigger: ")",
+    type: "text-match",
+};
 export const CODLE_TRANSFORMERS = [
     TABLE,
     HR,
@@ -196,5 +219,16 @@ export const CODLE_TRANSFORMERS = [
     ...ELEMENT_TRANSFORMERS,
     ...TEXT_FORMAT_TRANSFORMERS,
     ...TEXT_MATCH_TRANSFORMERS,
+];
+// LLM에 전달하기 위한 용도로 사용되는 Transformer들의 모음입니다.
+// Export 만을 지원하기도 합니다.
+export const LLM_TRANSFORMERS = [
+    TABLE,
+    HR,
+    IMAGE_LLM,
+    CHECK_LIST,
+    ...ELEMENT_TRANSFORMERS,
+    ...TEXT_FORMAT_TRANSFORMERS,
+    ...TEXT_MATCH_TRANSFORMERS,
     SHEET_INPUT,
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.65.1",
+  "version": "1.65.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,

package/dist/icons/custom/badge-gold.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.0723 2.06023C11.2727 1.40005 12.7273 1.40005 13.9277 2.06023L19.9277 5.36023C21.2059 6.06324 22 7.40633 22 8.86509V15.1349C22 16.5937 21.2059 17.9368 19.9277 18.6398L13.9277 21.9398C12.7273 22.6 11.2727 22.6 10.0723 21.9398L4.07232 18.6398C2.79413 17.9368 2 16.5937 2 15.1349V8.86509C2 7.40633 2.79413 6.06324 4.07232 5.36023L10.0723 2.06023Z" fill="url(#paint0_linear_4029_17034)" style=""/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9638 7.11266L12.9638 3.81266C12.3637 3.48257 11.6363 3.48257 11.0362 3.81266L5.03616 7.11266C4.39707 7.46417 4 8.13571 4 8.86509V15.1349C4 15.8643 4.39707 16.5359 5.03616 16.8874L11.0362 20.1874C11.6363 20.5174 12.3637 20.5174 12.9638 20.1874L18.9638 16.8874C19.6029 16.5359 20 15.8643 20 15.1349V8.86509C20 8.13571 19.6029 7.46417 18.9638 7.11266ZM13.9277 2.06023C12.7273 1.40005 11.2727 1.40005 10.0723 2.06023L4.07232 5.36023C2.79413 6.06324 2 7.40633 2 8.86509V15.1349C2 16.5937 2.79413 17.9368 4.07232 18.6398L10.0723 21.9398C11.2727 22.6 12.7273 22.6 13.9277 21.9398L19.9277 18.6398C21.2059 17.9368 22 16.5937 22 15.1349V8.86509C22 7.40633 21.2059 6.06324 19.9277 5.36023L13.9277 2.06023Z" fill="#FFCC00" style="fill:#FFCC00;fill:color(display-p3 1.0000 0.8000 0.0000);fill-opacity:1;"/>
-<path d="M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z" fill="#FFCC00" style="fill:#FFCC00;fill:color(display-p3 1.0000 0.8000 0.0000);fill-opacity:1;"/>
-<defs>
-<linearGradient id="paint0_linear_4029_17034" x1="12" y1="1.00001" x2="12" y2="23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#29335C" style="stop-color:#29335C;stop-color:color(display-p3 0.1617 0.1985 0.3626);stop-opacity:1;"/>
-<stop offset="1" stop-color="#2C2F37" style="stop-color:#2C2F37;stop-color:color(display-p3 0.1725 0.1843 0.2157);stop-opacity:1;"/>
-</linearGradient>
-</defs>
-</svg>

package/dist/icons/custom/badge-green.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z" fill="url(#paint0_linear_4029_17032)" style=""/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
-<path d="M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
-<defs>
-<linearGradient id="paint0_linear_4029_17032" x1="12" y1="1" x2="12" y2="23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EBFF54" style="stop-color:#EBFF54;stop-color:color(display-p3 0.9217 1.0000 0.3286);stop-opacity:1;"/>
-<stop offset="1" stop-color="#BFFF00" style="stop-color:#BFFF00;stop-color:color(display-p3 0.7500 1.0000 0.0000);stop-opacity:1;"/>
-</linearGradient>
-</defs>
-</svg>

package/dist/icons/custom/badge-silver.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 1V13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2Z" fill="url(#paint0_linear_4029_17033)" style=""/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3V13.8215C4 17.6278 7.41639 21 12 21C16.5838 21 20 17.6287 20 13.8215V3H4ZM2 13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2V13.8215Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
-<path d="M10.5 14.1178L17 8.00009L18 8.94127L10.5 16.0001L6 11.7648L7 10.8237L10.5 14.1178Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
-<defs>
-<linearGradient id="paint0_linear_4029_17033" x1="12" y1="1" x2="12" y2="23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFEFF8" style="stop-color:#EFEFF8;stop-color:color(display-p3 0.9362 0.9356 0.9710);stop-opacity:1;"/>
-<stop offset="1" stop-color="#D2EEF7" style="stop-color:#D2EEF7;stop-color:color(display-p3 0.8235 0.9333 0.9686);stop-opacity:1;"/>
-</linearGradient>
-</defs>
-</svg>