@sellmate/design-system 0.0.28 → 0.0.31

package/dist/cjs/sd-button_13.cjs.entry.js

@@ -224,19 +224,6 @@ const SdGuide = class {
 };
 SdGuide.style = sdGuideCss;
 
-const Check12 = (props) => {
-    return (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_9693)" }, index.h("path", { d: "M10.5962 3.19745L5.02773 8.76591C4.97891 8.81473 4.89977 8.81473 4.85095 8.76591L1.40381 5.31877", stroke: "currentColor", "stroke-width": "0.75", "stroke-linecap": "round" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_9693" }, index.h("rect", { width: "12", height: "12", fill: "none" })))));
-};
-
-const check = {
-    12: Check12,
-};
-
-var Check = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  check: check
-});
-
 const ArrowRight12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41992)" }, index.h("path", { d: "M3.75 10.6L8.16449 6.08742C8.21202 6.03883 8.21202 5.96118 8.16449 5.91259L3.75 1.40001", stroke: "currentColor", "stroke-linecap": "round", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41992" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
 
 const arrowRight = {
@@ -285,6 +272,32 @@ var Arrow2Down = /*#__PURE__*/Object.freeze({
   arrow2Down: arrow2Down
 });
 
+const Arrow2Up8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M4.00001 7.07501V0.925012M4.00001 0.925012L1.60001 3.32501M4.00001 0.925012L6.40001 3.32501", stroke: "currentColor", "stroke-width": "0.6", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const Arrow2Up10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M5 8.84375V1.15625M5 1.15625L2 4.15625M5 1.15625L8 4.15625", stroke: "currentColor", "stroke-width": "0.8", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const Arrow2Up12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M5.99999 10.6125V1.38749M5.99999 1.38749L2.39999 4.98749M5.99999 1.38749L9.59999 4.98749", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const Arrow2Up16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M7.99998 14.15V1.84999M7.99998 1.84999L3.19998 6.64999M7.99998 1.84999L12.8 6.64999", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const Arrow2Up20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M10 17.6875V2.3125M10 2.3125L4 8.3125M10 2.3125L16 8.3125", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const Arrow2Up24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M12 21.225V2.77501M12 2.77501L4.79999 9.97501M12 2.77501L19.2 9.97501", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+
+const arrow2Up = {
+    8: Arrow2Up8,
+    10: Arrow2Up10,
+    12: Arrow2Up12,
+    16: Arrow2Up16,
+    20: Arrow2Up20,
+    24: Arrow2Up24,
+};
+
+var Arrow2Up = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  arrow2Up: arrow2Up
+});
+
 const ArrowLeft12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_8697_41980)" }, index.h("path", { d: "M8.25 1.39999L3.83551 5.91258C3.78798 5.96117 3.78798 6.03882 3.83551 6.08741L8.25 10.6", stroke: "currentColor", "stroke-linecap": "round", ...props })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41980" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
 
 const arrowLeft = {
@@ -355,6 +368,71 @@ var Barcode = /*#__PURE__*/Object.freeze({
   barcode: barcode
 });
 
+const Check12 = (props) => {
+    return (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_9693)" }, index.h("path", { d: "M10.5962 3.19745L5.02773 8.76591C4.97891 8.81473 4.89977 8.81473 4.85095 8.76591L1.40381 5.31877", stroke: "currentColor", "stroke-width": "0.75", "stroke-linecap": "round" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_9693" }, index.h("rect", { width: "12", height: "12", fill: "none" })))));
+};
+
+const check = {
+    12: Check12,
+};
+
+var Check = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  check: check
+});
+
+const CheckFilled8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1420)" }, index.h("path", { d: "M4.00032 0.333344C6.02521 0.333519 7.66634 1.9754 7.66634 4.00034C7.66616 6.02512 6.02511 7.66618 4.00032 7.66635C1.97539 7.66635 0.333504 6.02523 0.333328 4.00034C0.333328 1.97529 1.97528 0.333344 4.00032 0.333344ZM6.07845 2.78842C5.96129 2.67126 5.77177 2.67126 5.65462 2.78842L3.60384 4.8392L2.40169 3.63705C2.28453 3.5199 2.09502 3.5199 1.97786 3.63705C1.86089 3.75423 1.86077 3.94379 1.97786 4.06088L3.33333 5.41635C3.48306 5.56562 3.72576 5.56493 3.87532 5.41537L6.07845 3.21225C6.19557 3.09513 6.1955 2.90559 6.07845 2.78842Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1420" }, index.h("rect", { width: "8", height: "8", fill: "transparent" })))));
+
+const CheckFilled10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1418)" }, index.h("path", { d: "M4.99968 0.416656C7.53088 0.416656 9.58349 2.46851 9.58366 4.99966C9.58366 7.53097 7.53098 9.58365 4.99968 9.58365C2.46852 9.58347 0.416672 7.53086 0.416672 4.99966C0.416847 2.46862 2.46863 0.416832 4.99968 0.416656ZM7.61687 3.46646C7.46077 3.31037 7.2067 3.31058 7.05046 3.46646L4.50456 6.01236L3.02019 4.52798C2.86398 4.37177 2.60999 4.37177 2.45378 4.52798C2.29801 4.68412 2.29799 4.93729 2.45378 5.09341L4.14812 6.78775C4.34502 6.98448 4.66515 6.98458 4.86198 6.78775L7.61687 4.03287C7.77275 3.87663 7.77297 3.62256 7.61687 3.46646Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1418" }, index.h("rect", { width: "10", height: "10", fill: "transparent" })))));
+
+const CheckFilled12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1416)" }, index.h("path", { d: "M6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5ZM9.15332 4.14648C8.95805 3.95132 8.64152 3.95126 8.44629 4.14648L5.40625 7.18652L3.63867 5.41895C3.44356 5.22384 3.12694 5.22414 2.93164 5.41895C2.73638 5.61421 2.73638 5.93071 2.93164 6.12598L4.96387 8.15918C5.20789 8.4032 5.60356 8.40308 5.84766 8.15918L9.15332 4.85352C9.34858 4.65825 9.34858 4.34175 9.15332 4.14648Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1416" }, index.h("rect", { width: "12", height: "12", fill: "transparent" })))));
+
+const CheckFilled16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1422)" }, index.h("path", { d: "M7.99968 0.666656C12.0497 0.666656 15.3335 3.94973 15.3337 7.99966C15.3337 12.0498 12.0498 15.3336 7.99968 15.3336C3.94974 15.3335 0.666672 12.0496 0.666672 7.99966C0.666848 3.94984 3.94985 0.666833 7.99968 0.666656ZM12.0866 5.64615C11.8913 5.4512 11.5747 5.45102 11.3796 5.64615L7.20769 9.819L4.73308 7.34341C4.53795 7.14829 4.22134 7.14856 4.02605 7.34341C3.83106 7.5387 3.83088 7.85528 4.02605 8.05045L6.73601 10.7614C6.99635 11.0216 7.41905 11.0217 7.67937 10.7614L12.0866 6.35318C12.2818 6.15791 12.2818 5.8414 12.0866 5.64615Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1422" }, index.h("rect", { width: "16", height: "16", fill: "transparent" })))));
+
+const CheckFilled20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1424)" }, index.h("path", { d: "M10.0003 0.833328C15.0628 0.833505 19.1663 4.93782 19.1663 10.0003C19.1662 15.0627 15.0627 19.1662 10.0003 19.1663C4.93782 19.1663 0.833505 15.0628 0.833328 10.0003C0.833328 4.93771 4.93771 0.833328 10.0003 0.833328ZM15.1087 7.05794C14.8647 6.81392 14.469 6.81402 14.2249 7.05794L9.01009 12.2728L5.91634 9.17903C5.67234 8.93516 5.27661 8.93527 5.03255 9.17903C4.78851 9.42307 4.78859 9.81873 5.03255 10.0628L8.42122 13.4515C8.74661 13.7765 9.27361 13.7766 9.59895 13.4515L15.1087 7.94173C15.3526 7.69764 15.3527 7.30196 15.1087 7.05794Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1424" }, index.h("rect", { width: "20", height: "20", fill: "transparent" })))));
+
+const CheckFilled24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_1411)" }, index.h("path", { d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM18.1299 8.46973C17.837 8.17703 17.3622 8.1769 17.0693 8.46973L10.8125 14.7275L7.09961 11.0146C6.80684 10.7221 6.33191 10.7223 6.03906 11.0146C5.74625 11.3075 5.7464 11.7823 6.03906 12.0752L10.1045 16.1416C10.495 16.5321 11.129 16.5321 11.5195 16.1416L18.1299 9.53027C18.4228 9.23738 18.4228 8.76262 18.1299 8.46973Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_1411" }, index.h("rect", { width: "24", height: "24", fill: "transparent" })))));
+
+const CheckFilled = {
+    8: CheckFilled8,
+    10: CheckFilled10,
+    12: CheckFilled12,
+    16: CheckFilled16,
+    20: CheckFilled20,
+    24: CheckFilled24,
+};
+
+var CheckFilled$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  CheckFilled: CheckFilled
+});
+
+const CheckOutline10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12308)" }, index.h("path", { d: "M5 0.0166016C7.7521 0.0166043 9.98322 2.24794 9.9834 5C9.9834 7.75222 7.75222 9.9834 5 9.9834C2.24793 9.98322 0.0166016 7.75211 0.0166016 5C0.0167828 2.24804 2.24804 0.0167773 5 0.0166016ZM5 0.817383C2.68987 0.817559 0.817564 2.68987 0.817383 5C0.817383 7.31028 2.68976 9.18342 5 9.18359C7.31039 9.18359 9.18359 7.31039 9.18359 5C9.18341 2.68976 7.31028 0.817386 5 0.817383ZM7.05078 3.4668C7.20702 3.31092 7.46109 3.3107 7.61719 3.4668C7.77329 3.6229 7.77307 3.87697 7.61719 4.0332L4.8623 6.78809C4.66547 6.98491 4.34534 6.98482 4.14844 6.78809L2.4541 5.09375C2.29831 4.93763 2.29834 4.68446 2.4541 4.52832C2.61031 4.37211 2.8643 4.37211 3.02051 4.52832L4.50488 6.0127L7.05078 3.4668Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12308" }, index.h("rect", { width: "10", height: "10", fill: "transparent" })))));
+
+const CheckOutline12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12306)" }, index.h("path", { d: "M6 0C9.31371 1.61069e-08 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C2.68629 12 1.61064e-08 9.31371 0 6C0 2.68629 2.68629 0 6 0ZM6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM8.44629 4.14648C8.64152 3.95126 8.95805 3.95132 9.15332 4.14648C9.34858 4.34175 9.34858 4.65825 9.15332 4.85352L5.84766 8.15918C5.60356 8.40308 5.20789 8.4032 4.96387 8.15918L2.93164 6.12598C2.73638 5.93071 2.73638 5.61421 2.93164 5.41895C3.12694 5.22414 3.44356 5.22384 3.63867 5.41895L5.40625 7.18652L8.44629 4.14648Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12306" }, index.h("rect", { width: "12", height: "12", fill: "transparent" })))));
+
+const CheckOutline16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12312)" }, index.h("path", { d: "M7.99968 0.166656C12.3258 0.166659 15.8335 3.67359 15.8337 7.99966C15.8337 12.3259 12.3259 15.8336 7.99968 15.8336C3.6736 15.8335 0.166672 12.3258 0.166672 7.99966C0.166853 3.6737 3.67371 0.166833 7.99968 0.166656ZM7.99968 1.16666C4.226 1.16683 1.16685 4.22598 1.16667 7.99966C1.16667 11.7735 4.22588 14.8335 7.99968 14.8336C11.7736 14.8336 14.8337 11.7736 14.8337 7.99966C14.8335 4.22588 11.7735 1.16666 7.99968 1.16666ZM11.3796 5.64615C11.5747 5.45102 11.8913 5.4512 12.0866 5.64615C12.2818 5.8414 12.2818 6.15791 12.0866 6.35318L7.67937 10.7614C7.41905 11.0217 6.99635 11.0216 6.73601 10.7614L4.02605 8.05045C3.83088 7.85528 3.83106 7.5387 4.02605 7.34341C4.22134 7.14856 4.53795 7.14829 4.73308 7.34341L7.20769 9.819L11.3796 5.64615Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12312" }, index.h("rect", { width: "16", height: "16", fill: "transparent" })))));
+
+const CheckOutline20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12314)" }, index.h("path", { d: "M10.0003 0.208328C15.408 0.208504 19.7913 4.59264 19.7913 10.0003C19.7912 15.4078 15.4078 19.7912 10.0003 19.7913C4.59264 19.7913 0.208504 15.408 0.208328 10.0003C0.208331 4.59254 4.59254 0.208331 10.0003 0.208328ZM10.0003 1.45833C5.28289 1.45833 1.45833 5.28289 1.45833 10.0003C1.4585 14.7176 5.283 18.5413 10.0003 18.5413C14.7175 18.5412 18.5412 14.7175 18.5413 10.0003C18.5413 5.283 14.7176 1.4585 10.0003 1.45833ZM14.2249 7.05794C14.469 6.81402 14.8647 6.81392 15.1087 7.05794C15.3527 7.30196 15.3526 7.69764 15.1087 7.94173L9.59895 13.4515C9.27361 13.7766 8.74661 13.7765 8.42122 13.4515L5.03255 10.0628C4.78859 9.81873 4.78851 9.42307 5.03255 9.17903C5.27661 8.93527 5.67234 8.93516 5.91634 9.17903L9.01009 12.2728L14.2249 7.05794Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12314" }, index.h("rect", { width: "20", height: "20", fill: "transparent" })))));
+
+const CheckOutline24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12302)" }, index.h("path", { d: "M12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12C0.25 5.51065 5.51065 0.25 12 0.25ZM12 1.75C6.33908 1.75 1.75 6.33908 1.75 12C1.75 17.6609 6.33908 22.25 12 22.25C17.6609 22.25 22.25 17.6609 22.25 12C22.25 6.33908 17.6609 1.75 12 1.75ZM17.0693 8.46973C17.3622 8.1769 17.837 8.17703 18.1299 8.46973C18.4228 8.76262 18.4228 9.23738 18.1299 9.53027L11.5195 16.1416C11.129 16.5321 10.495 16.5321 10.1045 16.1416L6.03906 12.0752C5.7464 11.7823 5.74625 11.3075 6.03906 11.0146C6.33191 10.7223 6.80684 10.7221 7.09961 11.0146L10.8125 14.7275L17.0693 8.46973Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12302" }, index.h("rect", { width: "24", height: "24", fill: "transparent" })))));
+
+const CheckOutline8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_11678_12310)" }, index.h("path", { d: "M4 0.0332031C6.19058 0.0333789 7.9668 1.80938 7.9668 4C7.96662 6.19047 6.19047 7.96662 4 7.9668C1.80939 7.96679 0.0333844 6.19057 0.0332031 4C0.0332031 1.80927 1.80927 0.0332059 4 0.0332031ZM4 0.632812C2.14064 0.632815 0.632812 2.14064 0.632812 4C0.632994 5.8592 2.14076 7.36621 4 7.36621C5.8591 7.36603 7.36603 5.8591 7.36621 4C7.36621 2.14075 5.85921 0.632988 4 0.632812ZM5.6543 2.78809C5.77145 2.67093 5.96097 2.67093 6.07812 2.78809C6.19518 2.90525 6.19525 3.09479 6.07812 3.21191L3.875 5.41504C3.72544 5.5646 3.48274 5.56529 3.33301 5.41602L1.97754 4.06055C1.86045 3.94345 1.86057 3.75389 1.97754 3.63672C2.0947 3.51956 2.28421 3.51956 2.40137 3.63672L3.60352 4.83887L5.6543 2.78809Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_11678_12310" }, index.h("rect", { width: "8", height: "8", fill: "transparent" })))));
+
+const CheckOutline = {
+    8: CheckOutline8,
+    10: CheckOutline10,
+    12: CheckOutline12,
+    16: CheckOutline16,
+    20: CheckOutline20,
+    24: CheckOutline24,
+};
+
+var CheckOutline$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  CheckOutline: CheckOutline
+});
+
 const Close10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6916)" }, index.h("path", { d: "M8.29999 1.13382C8.4562 0.97761 8.71018 0.97761 8.86639 1.13382C9.02255 1.29003 9.02259 1.54403 8.86639 1.70023L5.56561 5.00003L8.86639 8.30081C9.02234 8.45699 9.02237 8.71009 8.86639 8.86624C8.71018 9.02245 8.4562 9.02245 8.29999 8.86624L5.00018 5.56644L1.70038 8.86624C1.54419 9.02243 1.29019 9.0224 1.13397 8.86624C0.977762 8.71003 0.977762 8.45604 1.13397 8.29984L4.43378 5.00003L1.13397 1.70023C0.977762 1.54402 0.977762 1.29003 1.13397 1.13382C1.2902 0.977769 1.54422 0.977663 1.70038 1.13382L4.99921 4.43362L8.29999 1.13382Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6916" }, index.h("rect", { width: "10", height: "10", fill: "white" })))));
 
 const Close12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41957)" }, index.h("path", { d: "M9.94635 1.34637C10.1416 1.15113 10.4581 1.15117 10.6534 1.34637C10.8486 1.54164 10.8486 1.85814 10.6534 2.05341L6.70709 5.99969L10.6534 9.94598C10.8486 10.1412 10.8485 10.4577 10.6534 10.653C10.4581 10.8483 10.1416 10.8483 9.94635 10.653L6.00006 6.70673L2.05377 10.653C1.85851 10.8483 1.542 10.8483 1.34674 10.653C1.15154 10.4577 1.1515 10.1412 1.34674 9.94598L5.29303 5.99969L1.34674 2.05341C1.15148 1.85814 1.15148 1.54164 1.34674 1.34637C1.54201 1.15125 1.85855 1.15116 2.05377 1.34637L6.00006 5.29266L9.94635 1.34637Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41957" }, index.h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -392,6 +470,32 @@ var Date = /*#__PURE__*/Object.freeze({
   date: date
 });
 
+const Etc10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6932)" }, index.h("path", { d: "M1.45831 4.375C1.80349 4.375 2.08331 4.65482 2.08331 5C2.08331 5.34518 1.80349 5.625 1.45831 5.625C1.11314 5.625 0.833313 5.34518 0.833313 5C0.833313 4.65482 1.11314 4.375 1.45831 4.375ZM5.00031 4.375C5.34534 4.37516 5.62531 4.65492 5.62531 5C5.62531 5.34508 5.34534 5.62484 5.00031 5.625C4.65513 5.625 4.37531 5.34518 4.37531 5C4.37531 4.65482 4.65513 4.375 5.00031 4.375ZM8.54132 4.375C8.8865 4.375 9.16632 4.65482 9.16632 5C9.16632 5.34518 8.8865 5.625 8.54132 5.625C8.1963 5.62481 7.91632 5.34506 7.91632 5C7.91632 4.65494 8.1963 4.37519 8.54132 4.375Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6932" }, index.h("rect", { width: "10", height: "10", fill: "transparent" })))));
+
+const Etc12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_42002)" }, index.h("path", { d: "M1.75 5.25C2.16421 5.25 2.5 5.58579 2.5 6C2.5 6.41421 2.16421 6.75 1.75 6.75C1.33579 6.75 1 6.41421 1 6C1 5.58579 1.33579 5.25 1.75 5.25ZM6 5.25C6.41421 5.25 6.75 5.58579 6.75 6C6.75 6.41421 6.41421 6.75 6 6.75C5.58579 6.75 5.25 6.41421 5.25 6C5.25 5.58579 5.58579 5.25 6 5.25ZM10.25 5.25C10.6642 5.25 11 5.58579 11 6C11 6.41421 10.6642 6.75 10.25 6.75C9.83579 6.75 9.5 6.41421 9.5 6C9.5 5.58579 9.83579 5.25 10.25 5.25Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_42002" }, index.h("rect", { width: "12", height: "12", fill: "transparent" })))));
+
+const Etc16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41607)" }, index.h("path", { d: "M2.33331 7C2.8856 7 3.33331 7.44772 3.33331 8C3.33331 8.55228 2.8856 9 2.33331 9C1.78103 9 1.33331 8.55228 1.33331 8C1.33331 7.44772 1.78103 7 2.33331 7ZM8.00031 7C8.55245 7.00016 9.00031 7.44782 9.00031 8C9.00031 8.55218 8.55245 8.99984 8.00031 9C7.44802 9 7.00031 8.55228 7.00031 8C7.00031 7.44772 7.44802 7 8.00031 7ZM13.6663 7C14.2186 7 14.6663 7.44772 14.6663 8C14.6663 8.55228 14.2186 9 13.6663 9C13.1142 8.99981 12.6663 8.55217 12.6663 8C12.6663 7.44783 13.1142 7.00019 13.6663 7Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41607" }, index.h("rect", { width: "16", height: "16", fill: "transparent" })))));
+
+const Etc20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41099)" }, index.h("path", { d: "M2.91669 8.75C3.60704 8.75 4.16669 9.30964 4.16669 10C4.16669 10.6904 3.60704 11.25 2.91669 11.25C2.22633 11.25 1.66669 10.6904 1.66669 10C1.66669 9.30964 2.22633 8.75 2.91669 8.75ZM9.99969 8.75C10.6901 8.75 11.2497 9.30964 11.2497 10C11.2497 10.6904 10.6901 11.25 9.99969 11.25C9.30948 11.2498 8.74969 10.6903 8.74969 10C8.74969 9.30975 9.30948 8.75016 9.99969 8.75ZM17.0837 8.75C17.7739 8.75019 18.3337 9.30976 18.3337 10C18.3337 10.6902 17.7739 11.2498 17.0837 11.25C16.3933 11.25 15.8337 10.6904 15.8337 10C15.8337 9.30964 16.3933 8.75 17.0837 8.75Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41099" }, index.h("rect", { width: "20", height: "20", fill: "transparent" })))));
+
+const Etc24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_314_2164)" }, index.h("path", { d: "M3.5 10.5C4.32843 10.5 5 11.1716 5 12C5 12.8284 4.32843 13.5 3.5 13.5C2.67157 13.5 2 12.8284 2 12C2 11.1716 2.67157 10.5 3.5 10.5ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM20.5 10.5C21.3284 10.5 22 11.1716 22 12C22 12.8284 21.3284 13.5 20.5 13.5C19.6716 13.5 19 12.8284 19 12C19 11.1716 19.6716 10.5 20.5 10.5Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_314_2164" }, index.h("rect", { width: "24", height: "24", fill: "transparent" })))));
+
+const Etc8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_8730)" }, index.h("path", { d: "M1.16669 3.5C1.44283 3.5 1.66669 3.72386 1.66669 4C1.66669 4.27614 1.44283 4.5 1.16669 4.5C0.890545 4.5 0.666687 4.27614 0.666687 4C0.666687 3.72386 0.890545 3.5 1.16669 3.5ZM3.99969 3.5C4.27584 3.5 4.49969 3.72386 4.49969 4C4.49969 4.27614 4.27584 4.5 3.99969 4.5C3.72369 4.49984 3.49969 4.27604 3.49969 4C3.49969 3.72396 3.72369 3.50016 3.99969 3.5ZM6.83368 3.5C7.10966 3.50019 7.33368 3.72397 7.33368 4C7.33368 4.27603 7.10966 4.49981 6.83368 4.5C6.55754 4.5 6.33368 4.27614 6.33368 4C6.33368 3.72386 6.55754 3.5 6.83368 3.5Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8730" }, index.h("rect", { width: "8", height: "8", fill: "transparent" })))));
+
+const etc = {
+    8: Etc8,
+    10: Etc10,
+    12: Etc12,
+    16: Etc16,
+    20: Etc20,
+    24: Etc24,
+};
+
+var Etc = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  etc: etc
+});
+
 const Event16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M2 14V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14Z", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), index.h("path", { d: "M2 5V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V5C14 5.55228 13.5523 6 13 6H3C2.44772 6 2 5.55228 2 5Z", fill: "currentColor" }), index.h("path", { d: "M4 1V3M12 1V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), index.h("path", { d: "M7.71468 7.87812C7.80449 7.60172 8.19551 7.60172 8.28532 7.87812L8.60619 8.86565C8.64635 8.98926 8.76154 9.07295 8.8915 9.07295H9.92986C10.2205 9.07295 10.3413 9.44483 10.1062 9.61565L9.26615 10.226C9.161 10.3024 9.11701 10.4378 9.15717 10.5614L9.47804 11.5489C9.56784 11.8253 9.2515 12.0552 9.01639 11.8843L8.17634 11.274C8.07119 11.1976 7.92881 11.1976 7.82366 11.274L6.98361 11.8843C6.7485 12.0552 6.43216 11.8253 6.52196 11.5489L6.84283 10.5614C6.88299 10.4378 6.839 10.3024 6.73385 10.226L5.8938 9.61565C5.65869 9.44483 5.77952 9.07295 6.07014 9.07295H7.1085C7.23846 9.07295 7.35365 8.98926 7.39381 8.86565L7.71468 7.87812Z", fill: "currentColor" })));
 
 const event = {
@@ -452,6 +556,61 @@ var Minus = /*#__PURE__*/Object.freeze({
   minus: minus
 });
 
+const NotificationOutline10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6924)" }, index.h("path", { d: "M4.99994 0.349518C7.56803 0.349518 9.65028 2.43182 9.65033 4.99991C9.65033 7.56803 7.56806 9.6503 4.99994 9.6503C2.43184 9.65027 0.349548 7.56801 0.349548 4.99991C0.349595 2.43184 2.43187 0.349548 4.99994 0.349518ZM4.99994 1.1503C2.8737 1.15033 1.15038 2.87367 1.15033 4.99991C1.15033 7.12619 2.87367 8.84949 4.99994 8.84952C7.12624 8.84952 8.84955 7.1262 8.84955 4.99991C8.8495 2.87365 7.12621 1.1503 4.99994 1.1503ZM4.99994 6.45792C5.23003 6.45792 5.41688 6.64483 5.41693 6.87491C5.41693 7.10503 5.23006 7.2919 4.99994 7.2919C4.76985 7.29187 4.58295 7.10501 4.58295 6.87491C4.583 6.64485 4.76988 6.45795 4.99994 6.45792ZM4.99994 2.56827C5.22082 2.56827 5.40028 2.74779 5.40033 2.96866V5.46866C5.40033 5.68957 5.22085 5.86905 4.99994 5.86905C4.77905 5.86902 4.59955 5.68955 4.59955 5.46866V2.96866C4.5996 2.74781 4.77908 2.5683 4.99994 2.56827Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6924" }, index.h("rect", { width: "10", height: "10", fill: "transparent" })))));
+
+const NotificationOutline12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41958)" }, index.h("path", { d: "M5.99951 0.399902C9.09215 0.399902 11.5998 2.90694 11.6001 5.99951C11.6001 9.09231 9.09231 11.6001 5.99951 11.6001C2.90694 11.5998 0.399902 9.09215 0.399902 5.99951C0.400163 2.9071 2.9071 0.400163 5.99951 0.399902ZM5.99951 1.3999C3.45938 1.40016 1.40016 3.45938 1.3999 5.99951C1.3999 8.53986 3.45922 10.5998 5.99951 10.6001C8.54002 10.6001 10.6001 8.54002 10.6001 5.99951C10.5998 3.45922 8.53986 1.3999 5.99951 1.3999ZM6.00049 7.75049C6.27641 7.75075 6.50049 7.97451 6.50049 8.25049C6.50023 8.52624 6.27624 8.75023 6.00049 8.75049C5.72451 8.75049 5.50075 8.52641 5.50049 8.25049C5.50049 7.97435 5.72435 7.75049 6.00049 7.75049ZM6.00049 3.06299C6.27641 3.06325 6.50049 3.28701 6.50049 3.56299L6.49951 6.56299C6.49925 6.83891 6.27549 7.06299 5.99951 7.06299C5.72359 7.06273 5.49951 6.83799 5.49951 6.56201L5.50049 3.56201C5.50075 3.28609 5.72451 3.06299 6.00049 3.06299Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41958" }, index.h("rect", { width: "12", height: "12", fill: "transparent" })))));
+
+const NotificationOutline16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41599)" }, index.h("path", { d: "M8 0.700195C12.0316 0.700195 15.2996 3.96847 15.2998 8C15.2998 12.0317 12.0317 15.2998 8 15.2998C3.96846 15.2996 0.700195 12.0316 0.700195 8C0.700372 3.96857 3.96857 0.700356 8 0.700195ZM8 1.7002C4.52085 1.70036 1.70037 4.52085 1.7002 8C1.7002 11.4793 4.52074 14.2996 8 14.2998C11.4794 14.2998 14.2998 11.4794 14.2998 8C14.2996 4.52076 11.4793 1.7002 8 1.7002ZM8 10.334C8.36808 10.334 8.66681 10.632 8.66699 11C8.66699 11.3682 8.36819 11.667 8 11.667C7.63195 11.6668 7.33398 11.3681 7.33398 11C7.33417 10.6321 7.63206 10.3341 8 10.334ZM8 4.25C8.27603 4.25 8.49982 4.47401 8.5 4.75V8.75C8.5 9.02614 8.27614 9.25 8 9.25C7.724 9.24984 7.5 9.02604 7.5 8.75V4.75C7.50018 4.47411 7.72411 4.25016 8 4.25Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41599" }, index.h("rect", { width: "16", height: "16", fill: "transparent" })))));
+
+const NotificationOutline20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41116)" }, index.h("path", { d: "M9.99982 0.874832C15.0394 0.874832 19.1247 4.96031 19.1248 9.99983C19.1248 15.0394 15.0394 19.1248 9.99982 19.1248C4.9603 19.1247 0.874817 15.0394 0.874817 9.99983C0.874909 4.96037 4.96036 0.874926 9.99982 0.874832ZM9.99982 2.12483C5.65071 2.12493 2.12491 5.65073 2.12482 9.99983C2.12482 14.349 5.65065 17.8747 9.99982 17.8748C14.3491 17.8748 17.8748 14.3491 17.8748 9.99983C17.8747 5.65067 14.349 2.12483 9.99982 2.12483ZM9.99982 12.9168C10.46 12.9168 10.8337 13.2897 10.8338 13.7498C10.8338 14.2101 10.4601 14.5838 9.99982 14.5838C9.53966 14.5837 9.16681 14.21 9.16681 13.7498C9.1669 13.2897 9.53972 12.9169 9.99982 12.9168ZM9.99982 5.31233C10.3449 5.31233 10.6247 5.59223 10.6248 5.93733V10.9373C10.6248 11.2825 10.345 11.5623 9.99982 11.5623C9.65472 11.5622 9.37482 11.2824 9.37482 10.9373V5.93733C9.37491 5.59229 9.65478 5.31243 9.99982 5.31233Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41116" }, index.h("rect", { width: "20", height: "20", fill: "transparent" })))));
+
+const NotificationOutline24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_503_5398)" }, index.h("path", { d: "M12 1.0498C18.0474 1.04991 22.9501 5.95264 22.9502 12C22.9501 18.0474 18.0474 22.9501 12 22.9502C5.95263 22.9501 1.04991 18.0474 1.0498 12C1.04991 5.95263 5.95263 1.0499 12 1.0498ZM12 2.5498C6.78106 2.5499 2.54991 6.78106 2.5498 12C2.54991 17.2189 6.78106 21.4501 12 21.4502C17.2189 21.4501 21.4501 17.2189 21.4502 12C21.4501 6.78106 17.2189 2.54991 12 2.5498ZM12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5ZM12 6.375C12.4142 6.375 12.75 6.71079 12.75 7.125V13.125C12.75 13.5392 12.4142 13.875 12 13.875C11.5858 13.875 11.25 13.5392 11.25 13.125V7.125C11.25 6.71079 11.5858 6.375 12 6.375Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_503_5398" }, index.h("rect", { width: "24", height: "24", fill: "transparent" })))));
+
+const NotificationOutline32 = (props) => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8699_12796)" }, index.h("g", { "clip-path": "url(#clip1_8699_12796)" }, index.h("path", { d: "M15.9993 1.39973C24.0625 1.39973 30.5996 7.93629 30.5999 15.9993C30.5999 24.0627 24.0627 30.5999 15.9993 30.5999C7.93627 30.5996 1.39972 24.0625 1.39972 15.9993C1.40008 7.93651 7.93649 1.40009 15.9993 1.39973ZM15.9993 3.39973C9.04106 3.40009 3.40008 9.04108 3.39972 15.9993C3.39972 22.9579 9.04084 28.5996 15.9993 28.5999C22.9581 28.5999 28.5999 22.9581 28.5999 15.9993C28.5996 9.04086 22.9579 3.39973 15.9993 3.39973ZM16.0003 20.6663C16.7365 20.6665 17.3333 21.264 17.3333 22.0003C17.3331 22.7365 16.7364 23.3332 16.0003 23.3333C15.264 23.3333 14.6665 22.7366 14.6663 22.0003C14.6663 21.2639 15.2639 20.6663 16.0003 20.6663ZM16.0003 8.50032C16.5524 8.50049 17.0003 8.94814 17.0003 9.50032V17.5003C17.0001 18.0524 16.5523 18.5002 16.0003 18.5003C15.4481 18.5003 15.0005 18.0525 15.0003 17.5003V9.50032C15.0003 8.94804 15.448 8.50032 16.0003 8.50032Z", fill: "currentColor" }))), index.h("defs", null, index.h("clipPath", { id: "clip0_8699_12796" }, index.h("rect", { width: "32", height: "32", fill: "transparent" })), index.h("clipPath", { id: "clip1_8699_12796" }, index.h("rect", { width: "32", height: "32", fill: "transparent" })))));
+
+const NotificationOutline8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_8722)" }, index.h("path", { d: "M4.00031 0.30014C6.04356 0.300351 7.6995 1.95704 7.69952 4.00034C7.69931 6.04348 6.04345 7.69934 4.00031 7.69955C1.95702 7.69951 0.300321 6.04358 0.30011 4.00034C0.300137 1.95693 1.95691 0.300184 4.00031 0.30014ZM4.00031 0.89975C2.28828 0.899794 0.899747 2.2883 0.899719 4.00034C0.89993 5.71221 2.28839 7.0999 4.00031 7.09995C5.71208 7.09973 7.0997 5.71211 7.09991 4.00034C7.09989 2.28841 5.71219 0.899961 4.00031 0.89975ZM4.00031 5.16635C4.18426 5.16652 4.33331 5.31634 4.33331 5.50034C4.33313 5.68417 4.18415 5.83318 4.00031 5.83334C3.81632 5.83334 3.6665 5.68428 3.66632 5.50034C3.66632 5.31624 3.81621 5.16635 4.00031 5.16635ZM4.00031 2.07553C4.16585 2.0757 4.30011 2.20975 4.30011 2.37534V4.37534C4.29993 4.54077 4.16574 4.67498 4.00031 4.67514C3.83473 4.67514 3.70068 4.54087 3.7005 4.37534V2.37534C3.7005 2.20965 3.83462 2.07553 4.00031 2.07553Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8722" }, index.h("rect", { width: "8", height: "8", fill: "transparent" })))));
+
+const notificationOutline = {
+    8: NotificationOutline8,
+    10: NotificationOutline10,
+    12: NotificationOutline12,
+    16: NotificationOutline16,
+    20: NotificationOutline20,
+    24: NotificationOutline24,
+    32: NotificationOutline32,
+};
+
+var NotificationOutline = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationOutline: notificationOutline
+});
+
+const NotificationFilled8 = (props) => (index.h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_8720)" }, index.h("path", { d: "M4.00031 0.333344C6.0252 0.333519 7.66632 1.9754 7.66632 4.00034C7.66614 6.02512 6.02509 7.66618 4.00031 7.66635C1.97537 7.66635 0.333489 6.02523 0.333313 4.00034C0.333313 1.97529 1.97526 0.333344 4.00031 0.333344ZM4.00031 5.16635C3.81621 5.16635 3.66632 5.31624 3.66632 5.50034C3.6665 5.68428 3.81632 5.83334 4.00031 5.83334C4.18415 5.83318 4.33313 5.68417 4.33331 5.50034C4.33331 5.31634 4.18426 5.16652 4.00031 5.16635ZM4.00031 2.07553C3.83462 2.07553 3.7005 2.20965 3.7005 2.37534V4.37534C3.70068 4.54087 3.83473 4.67514 4.00031 4.67514C4.16574 4.67498 4.29993 4.54077 4.30011 4.37534V2.37534C4.30011 2.20975 4.16585 2.0757 4.00031 2.07553Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_8720" }, index.h("rect", { width: "8", height: "8", fill: "transparent" })))));
+
+const NotificationFilled10 = (props) => (index.h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8773_6922)" }, index.h("path", { d: "M4.99969 0.416656C7.53089 0.416656 9.5835 2.46851 9.58368 4.99966C9.58368 7.53097 7.531 9.58365 4.99969 9.58365C2.46854 9.58347 0.416687 7.53086 0.416687 4.99966C0.416863 2.46862 2.46865 0.416832 4.99969 0.416656ZM4.99969 6.45865C4.76983 6.45881 4.58386 6.6448 4.58368 6.87466C4.58368 7.10468 4.76972 7.29149 4.99969 7.29166C5.22981 7.29166 5.41669 7.10478 5.41669 6.87466C5.41651 6.6447 5.2297 6.45865 4.99969 6.45865ZM4.99969 2.56802C4.77903 2.56819 4.59949 2.74776 4.5993 2.96841V5.46841C4.5993 5.68923 4.77892 5.86864 4.99969 5.8688C5.22061 5.8688 5.40009 5.68933 5.40009 5.46841V2.96841C5.3999 2.74765 5.2205 2.56802 4.99969 2.56802Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8773_6922" }, index.h("rect", { width: "10", height: "10", fill: "transparent" })))));
+
+const NotificationFilled12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41988)" }, index.h("path", { d: "M6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5ZM6 7.75C5.72386 7.75 5.5 7.97386 5.5 8.25C5.5 8.52614 5.72386 8.75 6 8.75C6.27614 8.75 6.5 8.52614 6.5 8.25C6.5 7.97386 6.27614 7.75 6 7.75ZM6 3.0625C5.72386 3.0625 5.5 3.28636 5.5 3.5625V6.5625C5.5 6.83864 5.72386 7.0625 6 7.0625C6.27614 7.0625 6.5 6.83864 6.5 6.5625V3.5625C6.5 3.28636 6.27614 3.0625 6 3.0625Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41988" }, index.h("rect", { width: "12", height: "12", fill: "transparent" })))));
+
+const NotificationFilled16 = (props) => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41603)" }, index.h("path", { d: "M7.99969 0.666656C12.0497 0.666656 15.3335 3.94973 15.3337 7.99966C15.3337 12.0498 12.0498 15.3336 7.99969 15.3336C3.94976 15.3335 0.666687 12.0496 0.666687 7.99966C0.666863 3.94984 3.94987 0.666832 7.99969 0.666656ZM7.99969 10.3336C7.63176 10.3338 7.33386 10.6317 7.33368 10.9997C7.33368 11.3678 7.63165 11.6665 7.99969 11.6667C8.36788 11.6667 8.66669 11.3679 8.66669 10.9997C8.66651 10.6316 8.36777 10.3336 7.99969 10.3336ZM7.99969 4.24966C7.7238 4.24983 7.49988 4.47378 7.49969 4.74966V8.74966C7.49969 9.02571 7.72369 9.2495 7.99969 9.24966C8.27584 9.24966 8.49969 9.02581 8.49969 8.74966V4.74966C8.49951 4.47368 8.27573 4.24966 7.99969 4.24966Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41603" }, index.h("rect", { width: "16", height: "16", fill: "transparent" })))));
+
+const NotificationFilled20 = (props) => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_8697_41103)" }, index.h("path", { d: "M10.0003 0.833328C15.0628 0.833505 19.1663 4.93782 19.1663 10.0003C19.1661 15.0627 15.0627 19.1662 10.0003 19.1663C4.9378 19.1663 0.833489 15.0628 0.833313 10.0003C0.833313 4.93771 4.9377 0.833328 10.0003 0.833328ZM10.0003 12.9163C9.54007 12.9163 9.16632 13.2901 9.16632 13.7503C9.16649 14.2104 9.54017 14.5833 10.0003 14.5833C10.4603 14.5832 10.8331 14.2103 10.8333 13.7503C10.8333 13.2902 10.4604 12.9165 10.0003 12.9163ZM10.0003 5.31282C9.65513 5.31282 9.37531 5.59264 9.37531 5.93782V10.9378C9.37548 11.2829 9.65523 11.5628 10.0003 11.5628C10.3452 11.5627 10.6251 11.2827 10.6253 10.9378V5.93782C10.6253 5.59274 10.3453 5.31299 10.0003 5.31282Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_8697_41103" }, index.h("rect", { width: "20", height: "20", fill: "transparent" })))));
+
+const NotificationFilled24 = (props) => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("g", { "clip-path": "url(#clip0_2079_9716)" }, index.h("path", { d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 15.5C11.4477 15.5 11 15.9477 11 16.5C11 17.0523 11.4477 17.5 12 17.5C12.5523 17.5 13 17.0523 13 16.5C13 15.9477 12.5523 15.5 12 15.5ZM12 6.375C11.5858 6.375 11.25 6.71079 11.25 7.125V13.125C11.25 13.5392 11.5858 13.875 12 13.875C12.4142 13.875 12.75 13.5392 12.75 13.125V7.125C12.75 6.71079 12.4142 6.375 12 6.375Z", fill: "currentColor" })), index.h("defs", null, index.h("clipPath", { id: "clip0_2079_9716" }, index.h("rect", { width: "24", height: "24", fill: "transparent" })))));
+
+const notificationFilled = {
+    8: NotificationFilled8,
+    10: NotificationFilled10,
+    12: NotificationFilled12,
+    16: NotificationFilled16,
+    20: NotificationFilled20,
+    24: NotificationFilled24,
+};
+
+var NotificationFilled = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationFilled: notificationFilled
+});
+
 const PageMove12 = (props) => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M5.53955 0.899902C5.81566 0.899902 6.0395 1.1238 6.03955 1.3999C6.03955 1.67604 5.81569 1.8999 5.53955 1.8999H1.8999V10.1001H10.1001V6.45947C10.1004 6.1836 10.3242 5.95953 10.6001 5.95947C10.876 5.95958 11.0998 6.18363 11.1001 6.45947V10.1001C11.1 10.6522 10.6522 11.1 10.1001 11.1001H1.8999C1.34773 11.1 0.900008 10.6523 0.899902 10.1001V1.8999C0.899952 1.34769 1.34769 0.899956 1.8999 0.899902H5.53955ZM10.0005 1.50049C10.2764 1.50075 10.5005 1.72451 10.5005 2.00049V4.29248C10.5 4.56809 10.2761 4.79222 10.0005 4.79248C9.72462 4.79248 9.50093 4.56825 9.50049 4.29248V3.20752L4.854 7.854C4.6589 8.0491 4.34227 8.04878 4.14697 7.854C3.95171 7.65874 3.95171 7.34223 4.14697 7.14697L8.79346 2.50049H7.25049C6.97451 2.50049 6.75075 2.27641 6.75049 2.00049C6.75049 1.72435 6.97435 1.50049 7.25049 1.50049H10.0005Z", fill: "currentColor" })));
 
 const pageMove = {
@@ -550,6 +709,7 @@ var Youtube = /*#__PURE__*/Object.freeze({
 const Icons = {
     ...ArrowDown,
     ...Arrow2Down,
+    ...Arrow2Up,
     ...ArrowLeft,
     ...ArrowLeftEnd,
     ...ArrowRight,
@@ -558,11 +718,16 @@ const Icons = {
     ...ArrowUpDown,
     ...Barcode,
     ...Check,
+    ...CheckFilled$1,
+    ...CheckOutline$1,
     ...Close,
     ...Date,
+    ...Etc,
     ...Event,
     ...HelpOutline,
     ...Minus,
+    ...NotificationOutline,
+    ...NotificationFilled,
     ...PageMove,
     ...Notion,
     ...Pdf,
@@ -1228,7 +1393,7 @@ const SdSelectOption = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'f627f75ea5e3765390729eac31e02e78ca084e95' }, index.h("div", { key: 'ce5f8aa53fb8ae3a3b165c5778aa352a99d0ddf8', class: {
+        return (index.h(index.Host, { key: '57acf795fbb642249d9716fc8fa4123f2d939d2b' }, index.h("div", { key: '6653deafa3142a3bf9b67290dae411c29fc38f41', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,
@@ -1557,20 +1722,20 @@ const SdTooltip = class {
             : {
                 onClick: () => (this.showTooltip = !this.showTooltip),
             };
-        return (index.h(index.Fragment, { key: '2a4473864df0253d22d03a7b1512d6261d2c5f1e' }, this.label ? (index.h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (index.h("sd-tooltip-portal", { key: '48ba8d56f7ee68ac71bd7076c98f8e7081635de5', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, index.h("div", { key: 'edb64ac6facd530f02a3c663a4d7e728270bb914', class: {
+        return (index.h(index.Fragment, { key: '45dbef1d93b082f8fe42c003f997aa80ad297ee5' }, this.label ? (index.h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (index.h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (index.h("sd-tooltip-portal", { key: '7357fe6678832a74c567b24e404d14d75a77b13f', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, index.h("div", { key: '3add41a611cb55fddaae7733b6db9ec996561723', class: {
                 'sd-tooltip-menu': true,
                 [`sd-tooltip-menu--${this.type}`]: true,
                 [`sd-tooltip-menu--${this.placement}`]: true,
                 'sd-tooltip-menu--with-close': this.useClose,
                 [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,
-            } }, index.h("i", { key: '2907f18d268eed0d0e70707b1fb113ca1b6ce1a6', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, index.h(tooltipArrow.TooltipArrow, { key: 'fd6417e7cad6464f5830accca7842f9c2d5431ca', class: {
+            } }, index.h("i", { key: 'f62cfc386831412cb958da88a41e0487be40d119', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, index.h(tooltipArrow.TooltipArrow, { key: 'daab1b1028832d95fb05456b96981cdeb1e31c4e', class: {
                 [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,
-            } })), index.h("div", { key: '30e7d57e6bdd47ca5da01c8e94e6d29cc174de58', class: "sd-tooltip-menu__content", ref: el => {
+            } })), index.h("div", { key: 'ab7ca38aa68cf8279ff0d372651a4e26b217781c', class: "sd-tooltip-menu__content", ref: el => {
                 if (el && this.slotContent && !el.hasChildNodes()) {
                     el.appendChild(this.slotContent.cloneNode(true));
                 }
-            } }, !this.slotContent && index.h("span", { key: '9e6afb40c06db772ed94fd90c73713a1134e2866' }, this.el.textContent)), this.useClose && (index.h("div", { key: '8679d07e7d2e027f4a96ebaecd64b1fac9ecf503', class: "sd-tooltip-menu__close-button" }, index.h("button", { key: 'aa018b14eeeb08f872af25d93c0bd36708bf36e8', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, index.h("sd-icon", { key: '0a0d3c6c246adccdb9b31502f13a1189a0a94554', name: "close", size: "12", color: "#AAAAAA" })))))))));
+            } }, !this.slotContent && index.h("span", { key: 'f5768e8b7e3033f64797aba77a504d57236e51e3' }, this.el.textContent)), this.useClose && (index.h("div", { key: '94bdf692fabf190912a64d6051957031b2964ae5', class: "sd-tooltip-menu__close-button" }, index.h("button", { key: '8826745fb1dab139358bc0d430d622abca333e5e', type: "button", "aria-label": "Close tooltip", title: "Close tooltip", onClick: () => this.handleClose() }, index.h("sd-icon", { key: '863f114251ec302425224a7385dd23292f7f6340', name: "close", size: "12", color: "#AAAAAA" })))))))));
     }
 };
 SdTooltip.style = sdTooltipCss;
@@ -1723,7 +1888,7 @@ const SdTooltipPortal = class {
         this.sdClose.emit();
     }
     render() {
-        return index.h("slot", { key: '094d59498ba589963103957db54a7eae9e9771c4' });
+        return index.h("slot", { key: '96e22fb7cd79afbef7bcb1a9b055e6a2bf54dd76' });
     }
 };
 

package/dist/cjs/sd-progress.cjs.entry.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-DXo1Fhkn.js');
+
+const sdProgressCss = "sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:360px;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;line-height:21px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:4px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}";
+
+const SdProgress = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    type = 'bar';
+    status = 'default';
+    percentage = 0;
+    size = 80;
+    strokeWidth = 12;
+    label;
+    statusColor = {
+        default: '#aaaaaa',
+        progress: '#0075ff',
+        complete: '#12B553',
+        error: '#FB4444',
+    };
+    render() {
+        return (index.h(index.Host, { key: '2e2f7cf77bbc63dfb15910a3bc50ac45601020cd', style: {
+                '--progress-color': this.statusColor[this.status],
+                '--progress-percentage': `${this.percentage}%`,
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && index.h("div", { key: '3e72a490e148886c59345e5ac3161f760e0f4e85', class: "sd-progress__label" }, this.label)));
+    }
+    renderBarProgress() {
+        return (index.h("div", { class: `sd-progress__bar sd-progress__bar--${this.status}` }, index.h("div", { class: ['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ') }), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.percentage, "%"), index.h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.percentage, "%")));
+    }
+    renderSpinnerProgress() {
+        const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름
+        const circumference = 2 * Math.PI * radius; // 원의 둘레
+        const offset = circumference - (this.percentage / 100) * circumference; // 진행률에 따른 offset
+        const progressBgSize = `${this.size}px`;
+        const progressSize = `${this.size / 2}px`;
+        return (index.h("div", { class: `sd-progress__spinner sd-progress__spinner--${this.status}` }, index.h("svg", { width: progressBgSize, height: progressBgSize }, index.h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: "#EEEEEE", "stroke-width": this.strokeWidth, fill: "transparent" }), index.h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: this.statusColor[this.status], "stroke-width": this.strokeWidth, fill: "transparent", "stroke-dasharray": circumference, "stroke-dashoffset": offset, "stroke-linecap": "round", class: "transition-all duration-500" })), index.h("strong", { class: "sd-progress__spinner__label" }, this.percentage, " %")));
+    }
+};
+SdProgress.style = sdProgressCss;
+
+exports.sd_progress = SdProgress;
+//# sourceMappingURL=sd-progress.entry.cjs.js.map

package/dist/cjs/sd-progress.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-progress.entry.cjs.js","sources":["src/components/sd-progress/sd-progress.scss?tag=sd-progress","src/components/sd-progress/sd-progress.tsx"],"sourcesContent":["@import 'variables';\n\nsd-progress {\n display: block;\n\n .sd-progress__bar {\n  position: relative;\n  width: 360px;\n  height: 20px;\n  overflow: hidden;\n  border-radius: 4px;\n  background-color: $grey_20;\n  text-align: center;\n\n  &__percent {\n   width: var(--progress-percentage);\n   height: 100%;\n   border-radius: 4px;\n   background-color: var(--progress-color, $brilliantblue_75);\n   transition: all 0.5s;\n   &.proceed {\n    border-top-right-radius: 50%;\n   }\n  }\n  &__indicator {\n   position: absolute;\n   left: 0;\n   top: 0;\n   height: 20px;\n   width: 100%;\n   background-color: $grey_20;\n   line-height: 21px;\n   z-index: 1;\n  }\n\n  &__indicator--left {\n   color: var(--progress-color, $brilliantblue_75);\n   clip-path: inset(0 0 0 var(--progress-percentage));\n  }\n\n  &__indicator--right {\n   color: white;\n   background-color: var(--progress-color, $brilliantblue_75);\n   clip-path: inset(0 calc(100% - var(--progress-percentage)) 0 0);\n  }\n }\n\n .sd-progress__spinner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  svg {\n   transform: rotate(-90deg);\n  }\n\n  &__label {\n   margin-top: 4px;\n   font-size: 16px;\n   color: var(--progress-color, $brilliantblue_75);\n  }\n }\n\n .sd-progress__label {\n  margin-top: 4px;\n  font-size: 12px;\n  color: $grey_95;\n  text-align: center;\n }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-progress',\n styleUrl: 'sd-progress.scss',\n})\nexport class SdProgress {\n @Prop() type: 'bar' | 'spinner' = 'bar';\n @Prop() status: 'default' | 'progress' | 'complete' | 'error' = 'default';\n @Prop() percentage: number = 0;\n @Prop() size: number = 80;\n @Prop() strokeWidth: number = 12;\n @Prop() label?: string;\n\n private statusColor = {\n  default: '#aaaaaa',\n  progress: '#0075ff',\n  complete: '#12B553',\n  error: '#FB4444',\n };\n\n render() {\n  return (\n   <Host\n    style={{\n     '--progress-color': this.statusColor[this.status],\n     '--progress-percentage': `${this.percentage}%`,\n    }}\n   >\n    {this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress()}\n    {this.label && <div class=\"sd-progress__label\">{this.label}</div>}\n   </Host>\n  );\n }\n\n renderBarProgress() {\n  return (\n   <div class={`sd-progress__bar sd-progress__bar--${this.status}`}>\n    <div\n     class={['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ')}\n    ></div>\n    <div class=\"sd-progress__bar__indicator sd-progress__bar__indicator--left\">\n     {this.percentage}%\n    </div>\n    <div class=\"sd-progress__bar__indicator sd-progress__bar__indicator--right\">\n     {this.percentage}%\n    </div>\n   </div>\n  );\n }\n\n renderSpinnerProgress() {\n  const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름\n  const circumference = 2 * Math.PI * radius; // 원의 둘레\n  const offset = circumference - (this.percentage / 100) * circumference; // 진행률에 따른 offset\n  const progressBgSize = `${this.size}px`;\n  const progressSize = `${this.size / 2}px`;\n\n  return (\n   <div class={`sd-progress__spinner sd-progress__spinner--${this.status}`}>\n    <svg width={progressBgSize} height={progressBgSize}>\n     <circle\n      cx={progressSize}\n      cy={progressSize}\n      r={radius}\n      stroke=\"#EEEEEE\"\n      stroke-width={this.strokeWidth}\n      fill=\"transparent\"\n     />\n     <circle\n      cx={progressSize}\n      cy={progressSize}\n      r={radius}\n      stroke={this.statusColor[this.status]}\n      stroke-width={this.strokeWidth}\n      fill=\"transparent\"\n      stroke-dasharray={circumference}\n      stroke-dashoffset={offset}\n      stroke-linecap=\"round\"\n      class=\"transition-all duration-500\"\n     />\n    </svg>\n    <strong class=\"sd-progress__spinner__label\">{this.percentage} %</strong>\n   </div>\n  );\n }\n}\n\n//  <sd-progress id=\"sd-progress-1\"></sd-progress>\n//  <sd-progress id=\"sd-progress-2\" type=\"spinner\"></sd-progress>\n//  <sd-progress id=\"sd-progress-3\" type=\"spinner\"></sd-progress>\n// <script>\n//  document.addEventListener('DOMContentLoaded', event => {\n//   progress = document.getElementById('sd-progress-1');\n//   progress2 = document.getElementById('sd-progress-2');\n//   progress3 = document.getElementById('sd-progress-3');\n//   progress2.label = 'test label...';\n//   progress3.percentage = 50;\n//   progress3.status = 'error';\n//   let percentage = 0;\n//   const interval = setInterval(() => {\n//    if (percentage >= 100) {\n//     clearInterval(interval);\n//     progress.status = 'complete';\n//     progress2.status = 'complete';\n//     return;\n//    }\n//    percentage += 10;\n//    progress.status = 'progress';\n//    progress.percentage = percentage;\n//    progress2.status = 'progress';\n//    progress2.percentage = percentage;\n//   }, 500);\n//  });\n// </script>\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,kuCAAkuC;;MCM3uC,UAAU,GAAA,MAAA;;;;IACd,IAAI,GAAsB,KAAK;IAC/B,MAAM,GAAkD,SAAS;IACjE,UAAU,GAAW,CAAC;IACtB,IAAI,GAAW,EAAE;IACjB,WAAW,GAAW,EAAE;AACxB,IAAA,KAAK;AAEL,IAAA,WAAW,GAAG;AACrB,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE,SAAS;KAChB;IAED,MAAM,GAAA;QACL,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE;gBACN,kBAAkB,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AACjD,gBAAA,uBAAuB,EAAE,CAAA,EAAG,IAAI,CAAC,UAAU,CAAG,CAAA,CAAA;aAC9C,EAAA,EAEA,IAAI,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAC7E,IAAI,CAAC,KAAK,IAAID,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC3D;;IAIT,iBAAiB,GAAA;AAChB,QAAA,QACCA,iBAAK,KAAK,EAAE,CAAsC,mCAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,EAAA,EAC9DA,OACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAC,2BAA2B,EAAE,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAChF,CAAA,EACPA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,+DAA+D,EAAA,EACxE,IAAI,CAAC,UAAU,EACX,GAAA,CAAA,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gEAAgE,EAAA,EACzE,IAAI,CAAC,UAAU,EACX,GAAA,CAAA,CACD;;IAIR,qBAAqB,GAAA;AACpB,QAAA,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;AAC3C,QAAA,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,aAAa,CAAC;AACvE,QAAA,MAAM,cAAc,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,IAAI;QACvC,MAAM,YAAY,GAAG,CAAG,EAAA,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA,EAAA,CAAI;AAEzC,QAAA,QACCA,iBAAK,KAAK,EAAE,CAA8C,2CAAA,EAAA,IAAI,CAAC,MAAM,EAAE,EAAA,EACtEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAA,EACjDA,OACC,CAAA,QAAA,EAAA,EAAA,EAAE,EAAE,YAAY,EAChB,EAAE,EAAE,YAAY,EAChB,CAAC,EAAE,MAAM,EACT,MAAM,EAAC,SAAS,EAAA,cAAA,EACF,IAAI,CAAC,WAAW,EAC9B,IAAI,EAAC,aAAa,EACjB,CAAA,EACFA,OAAA,CAAA,QAAA,EAAA,EACC,EAAE,EAAE,YAAY,EAChB,EAAE,EAAE,YAAY,EAChB,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBACvB,IAAI,CAAC,WAAW,EAC9B,IAAI,EAAC,aAAa,EAAA,kBAAA,EACA,aAAa,EACZ,mBAAA,EAAA,MAAM,oBACV,OAAO,EACtB,KAAK,EAAC,6BAA6B,GAClC,CACG,EACNA,OAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAC,UAAU,EAAY,IAAA,CAAA,CACnE;;;;;;;"}

package/dist/cjs/sd-select-multiple.cjs.entry.js

@@ -215,11 +215,11 @@ const SdSelectMultiple = class extends selectKeyboardNavigation.BaseDropdownEven
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (index.h(index.Host, { key: '8f2df6c0a3b6e8d2300a77bd84b993101824cae1', style: style }, index.h("div", { key: '9587ca5bb88d7767b5f48344063deef220964027', class: {
+        return (index.h(index.Host, { key: 'c569bb885003048b6ec22bfb0688c671a70a27d5', style: style }, index.h("div", { key: '94b43199502f44f7d663981c320696c6e8cf968f', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), index.h("div", { key: 'f00fa7d7c2cbc6f751cc89411b1d77037a950e3e', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), index.h("div", { key: 'd4fd6929b78add118c01d7b52c1c1e0be9867924', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)

package/dist/cjs/sd-select-option-group.cjs.entry.js

@@ -48,7 +48,7 @@ const SdSelectOptionGroup = class {
         }
     };
     render() {
-        return (index.h("div", { key: '6365bd1ae57487d7bbccf25637770aedecc2bc6c', class: {
+        return (index.h("div", { key: 'ab10e48405e8457f1319518f9790c5dd94d1b5e6', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -57,10 +57,10 @@ const SdSelectOptionGroup = class {
                 'sd-select__option-group--group': this.option.type === 'group',
                 'sd-select__option-group--subgroup': this.option.type === 'subgroup',
                 'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: 'b48606dad43a722f434df8b384e3c92332d59f94', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (index.h("sd-checkbox", { key: '2c564c5480482ade27ebb0cb066cc3c971d1f8f2', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: 'e9b0636bc98818aa48b5d486c3e5b4c216b76046', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (index.h("sd-checkbox", { key: 'b7495da88ddad187588569c64235ccc1697466fe', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), index.h("span", { key: '2175b4ec10bf631a419f5cfa439e0c24f6ccf5a7', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (index.h("span", { key: 'bbb57f2a8c00e2bb56a4f6a5b68cb5d09d81d9c7', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), index.h("span", { key: 'f8a51d2ea1a99ae17a1ba79fb6f802f0c2a27be1', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (index.h("span", { key: 'ee29e4503321462981c6d6fe497d70f271e5f814', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
 };
 SdSelectOptionGroup.style = sdSelectOptionGroupCss;

package/dist/collection/collection-manifest.json

@@ -18,6 +18,7 @@
     "components/sd-pagination/sd-pagination.js",
     "components/sd-popover/sd-popover.js",
     "components/sd-portal/sd-portal.js",
+    "components/sd-progress/sd-progress.js",
     "components/sd-select/sd-select-option/sd-select-option.js",
     "components/sd-select-multiple/sd-select-multiple.js",
     "components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js",

package/dist/collection/components/assets/arrow2Up/Arrow2Up10.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up10 = (props) => (h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M5 8.84375V1.15625M5 1.15625L2 4.15625M5 1.15625L8 4.15625", stroke: "currentColor", "stroke-width": "0.8", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up10.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up10.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up10.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC9C,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,4DAA4D,EAC9D,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up10 = (props: SVGProps) => (\n <svg\n  width=\"10\"\n  height=\"10\"\n  viewBox=\"0 0 10 10\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M5 8.84375V1.15625M5 1.15625L2 4.15625M5 1.15625L8 4.15625\"\n   stroke=\"currentColor\"\n   stroke-width=\"0.8\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/Arrow2Up12.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up12 = (props) => (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M5.99999 10.6125V1.38749M5.99999 1.38749L2.39999 4.98749M5.99999 1.38749L9.59999 4.98749", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up12.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up12.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up12.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC9C,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,0FAA0F,EAC5F,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up12 = (props: SVGProps) => (\n <svg\n  width=\"12\"\n  height=\"12\"\n  viewBox=\"0 0 12 12\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M5.99999 10.6125V1.38749M5.99999 1.38749L2.39999 4.98749M5.99999 1.38749L9.59999 4.98749\"\n   stroke=\"currentColor\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/Arrow2Up16.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M7.99998 14.15V1.84999M7.99998 1.84999L3.19998 6.64999M7.99998 1.84999L12.8 6.64999", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up16.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up16.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up16.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC9C,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,qFAAqF,EACvF,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up16 = (props: SVGProps) => (\n <svg\n  width=\"16\"\n  height=\"16\"\n  viewBox=\"0 0 16 16\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M7.99998 14.15V1.84999M7.99998 1.84999L3.19998 6.64999M7.99998 1.84999L12.8 6.64999\"\n   stroke=\"currentColor\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/Arrow2Up20.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up20 = (props) => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M10 17.6875V2.3125M10 2.3125L4 8.3125M10 2.3125L16 8.3125", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up20.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up20.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up20.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC9C,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,2DAA2D,EAC7D,MAAM,EAAC,cAAc,kBACR,MAAM,oBACJ,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up20 = (props: SVGProps) => (\n <svg\n  width=\"20\"\n  height=\"20\"\n  viewBox=\"0 0 20 20\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M10 17.6875V2.3125M10 2.3125L4 8.3125M10 2.3125L16 8.3125\"\n   stroke=\"currentColor\"\n   stroke-width=\"1.25\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/Arrow2Up24.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up24 = (props) => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M12 21.225V2.77501M12 2.77501L4.79999 9.97501M12 2.77501L19.2 9.97501", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up24.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up24.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up24.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC9C,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,uEAAuE,EACzE,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up24 = (props: SVGProps) => (\n <svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M12 21.225V2.77501M12 2.77501L4.79999 9.97501M12 2.77501L19.2 9.97501\"\n   stroke=\"currentColor\"\n   stroke-width=\"1.5\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/Arrow2Up8.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const Arrow2Up8 = (props) => (h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M4.00001 7.07501V0.925012M4.00001 0.925012L1.60001 3.32501M4.00001 0.925012L6.40001 3.32501", stroke: "currentColor", "stroke-width": "0.6", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+//# sourceMappingURL=Arrow2Up8.js.map

package/dist/collection/components/assets/arrow2Up/Arrow2Up8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow2Up8.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/Arrow2Up8.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC7C,WACC,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,YACC,CAAC,EAAC,6FAA6F,EAC/F,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Arrow2Up8 = (props: SVGProps) => (\n <svg\n  width=\"8\"\n  height=\"8\"\n  viewBox=\"0 0 8 8\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <path\n   d=\"M4.00001 7.07501V0.925012M4.00001 0.925012L1.60001 3.32501M4.00001 0.925012L6.40001 3.32501\"\n   stroke=\"currentColor\"\n   stroke-width=\"0.6\"\n   stroke-linecap=\"round\"\n   stroke-linejoin=\"round\"\n  />\n </svg>\n);\n"]}

package/dist/collection/components/assets/arrow2Up/index.js

@@ -0,0 +1,15 @@
+import { Arrow2Up8 } from "./Arrow2Up8";
+import { Arrow2Up10 } from "./Arrow2Up10";
+import { Arrow2Up12 } from "./Arrow2Up12";
+import { Arrow2Up16 } from "./Arrow2Up16";
+import { Arrow2Up20 } from "./Arrow2Up20";
+import { Arrow2Up24 } from "./Arrow2Up24";
+export const arrow2Up = {
+    8: Arrow2Up8,
+    10: Arrow2Up10,
+    12: Arrow2Up12,
+    16: Arrow2Up16,
+    20: Arrow2Up20,
+    24: Arrow2Up24,
+};
+//# sourceMappingURL=index.js.map

package/dist/collection/components/assets/arrow2Up/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/assets/arrow2Up/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACvB,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;CACd,CAAC","sourcesContent":["import { Arrow2Up8 } from './Arrow2Up8';\nimport { Arrow2Up10 } from './Arrow2Up10';\nimport { Arrow2Up12 } from './Arrow2Up12';\nimport { Arrow2Up16 } from './Arrow2Up16';\nimport { Arrow2Up20 } from './Arrow2Up20';\nimport { Arrow2Up24 } from './Arrow2Up24';\n\nexport const arrow2Up = {\n 8: Arrow2Up8,\n 10: Arrow2Up10,\n 12: Arrow2Up12,\n 16: Arrow2Up16,\n 20: Arrow2Up20,\n 24: Arrow2Up24,\n};\n"]}

package/dist/collection/components/assets/checkFilled/CheckFilled10.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const CheckFilled10 = (props) => (h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_11678_1418)" }, h("path", { d: "M4.99968 0.416656C7.53088 0.416656 9.58349 2.46851 9.58366 4.99966C9.58366 7.53097 7.53098 9.58365 4.99968 9.58365C2.46852 9.58347 0.416672 7.53086 0.416672 4.99966C0.416847 2.46862 2.46863 0.416832 4.99968 0.416656ZM7.61687 3.46646C7.46077 3.31037 7.2067 3.31058 7.05046 3.46646L4.50456 6.01236L3.02019 4.52798C2.86398 4.37177 2.60999 4.37177 2.45378 4.52798C2.29801 4.68412 2.29799 4.93729 2.45378 5.09341L4.14812 6.78775C4.34502 6.98448 4.66515 6.98458 4.86198 6.78775L7.61687 4.03287C7.77275 3.87663 7.77297 3.62256 7.61687 3.46646Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_11678_1418" }, h("rect", { width: "10", height: "10", fill: "transparent" })))));
+//# sourceMappingURL=CheckFilled10.js.map

package/dist/collection/components/assets/checkFilled/CheckFilled10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckFilled10.js","sourceRoot":"","sources":["../../../../src/components/assets/checkFilled/CheckFilled10.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACjD,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,wBAAwB;QACpC,YACC,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,kBAAkB;YAC9B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const CheckFilled10 = (props: SVGProps) => (\n <svg\n  width=\"10\"\n  height=\"10\"\n  viewBox=\"0 0 10 10\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_11678_1418)\">\n   <path\n    d=\"M4.99968 0.416656C7.53088 0.416656 9.58349 2.46851 9.58366 4.99966C9.58366 7.53097 7.53098 9.58365 4.99968 9.58365C2.46852 9.58347 0.416672 7.53086 0.416672 4.99966C0.416847 2.46862 2.46863 0.416832 4.99968 0.416656ZM7.61687 3.46646C7.46077 3.31037 7.2067 3.31058 7.05046 3.46646L4.50456 6.01236L3.02019 4.52798C2.86398 4.37177 2.60999 4.37177 2.45378 4.52798C2.29801 4.68412 2.29799 4.93729 2.45378 5.09341L4.14812 6.78775C4.34502 6.98448 4.66515 6.98458 4.86198 6.78775L7.61687 4.03287C7.77275 3.87663 7.77297 3.62256 7.61687 3.46646Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_11678_1418\">\n    <rect width=\"10\" height=\"10\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/checkFilled/CheckFilled12.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export const CheckFilled12 = (props) => (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_11678_1416)" }, h("path", { d: "M6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5ZM9.15332 4.14648C8.95805 3.95132 8.64152 3.95126 8.44629 4.14648L5.40625 7.18652L3.63867 5.41895C3.44356 5.22384 3.12694 5.22414 2.93164 5.41895C2.73638 5.61421 2.73638 5.93071 2.93164 6.12598L4.96387 8.15918C5.20789 8.4032 5.60356 8.40308 5.84766 8.15918L9.15332 4.85352C9.34858 4.65825 9.34858 4.34175 9.15332 4.14648Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_11678_1416" }, h("rect", { width: "12", height: "12", fill: "transparent" })))));
+//# sourceMappingURL=CheckFilled12.js.map