@sellmate/design-system 0.0.9 → 0.0.10

package/dist/esm/sd-button_4.entry.js

@@ -1,269 +1,5 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DVhJrGoi.js';
-
-const primary = "#051d36";
-const secondary = "#555555";
-const accent = "#9c27b0";
-const positive = "#0075ff";
-const negative = "#e30000";
-const info = "#00cd52";
-const warning = "#f2c037";
-const red_99 = "#220000";
-const red_95 = "#440000";
-const red_90 = "#5E0000";
-const red_85 = "#820000";
-const red_80 = "#AD0000";
-const red_75 = "#E30000";
-const red_70 = "#FB4444";
-const red_60 = "#FF7C7C";
-const red_45 = "#FFB5B5";
-const red_30 = "#FFD3D3";
-const red_20 = "#FCE6E6";
-const red_15 = "#FCEFEF";
-const caution_bg = "#FEF1F1";
-const caution_icon = "#fd9595";
-const orange_99 = "#2F1100";
-const orange_95 = "#4D1B00";
-const orange_90 = "#752A00";
-const orange_85 = "#9B3700";
-const orange_75 = "#CE4900";
-const orange_65 = "#FF6B00";
-const orange_60 = "#FF7F22";
-const orange_55 = "#FFA452";
-const orange_45 = "#FFBC81";
-const orange_35 = "#FFD5AF";
-const orange_20 = "#FFEAD7";
-const orange_10 = "#FEF1EA";
-const header_alert = "#FF7A00";
-const yellow_95 = "#322700";
-const yellow_90 = "#453702";
-const yellow_80 = "#6C5602";
-const yellow_70 = "#9C7A00";
-const yellow_60 = "#C49900";
-const yellow_50 = "#EBB800";
-const yellow_45 = "#FFC700";
-const yellow_40 = "#FFD643";
-const yellow_30 = "#FEE17C";
-const yellow_25 = "#FFE99E";
-const yellow_20 = "#FEF1C4";
-const yellow_10 = "#FFF7DD";
-const olive_95 = "#2C2C00";
-const olive_90 = "#454500";
-const olive_80 = "#636300";
-const olive_70 = "#838300";
-const olive_65 = "#A5A500";
-const olive_55 = "#C7C700";
-const olive_45 = "#DDDD12";
-const olive_30 = "#EEEE37";
-const olive_20 = "#F6F65F";
-const olive_15 = "#FAFAA1";
-const olive_10 = "#FBFBBF";
-const olive_05 = "#FEFED9";
-const green_99 = "#001D0B";
-const green_95 = "#003013";
-const green_90 = "#00461C";
-const green_85 = "#006629";
-const green_80 = "#007B31";
-const green_75 = "#00973C";
-const green_70 = "#12B553";
-const green_65 = "#2BCE6C";
-const green_55 = "#6DE39C";
-const green_45 = "#ACF4C9";
-const green_25 = "#D4FAE3";
-const green_15 = "#E8F9EF";
-const steelblue_99 = "#021a25";
-const steelblue_95 = "#02212f";
-const steelblue_90 = "#032d40";
-const steelblue_85 = "#033f59";
-const steelblue_80 = "#06587d";
-const steelblue_75 = "#066d9b";
-const steelblue_70 = "#128fc7";
-const steelblue_65 = "#229fd7";
-const steelblue_60 = "#50bff0";
-const steelblue_45 = "#a4e2fd";
-const steelblue_25 = "#d9f2fd";
-const steelblue_10 = "#ecf8fd";
-const oceanblue_99 = "#011428";
-const oceanblue_95 = "#03172d";
-const oceanblue_90 = "#051d36";
-const oceanblue_85 = "#07284a";
-const oceanblue_80 = "#004177";
-const oceanblue_75 = "#025497";
-const oceanblue_70 = "#006ac1";
-const oceanblue_65 = "#1f8ae1";
-const oceanblue_60 = "#5cb0f3";
-const oceanblue_50 = "#9cd1fc";
-const oceanblue_25 = "#d5ebfe";
-const oceanblue_15 = "#eaf5fe";
-const brilliantblue_99 = "#001226";
-const brilliantblue_95 = "#001b39";
-const brilliantblue_90 = "#002b5e";
-const brilliantblue_85 = "#004290";
-const brilliantblue_80 = "#005cc9";
-const brilliantblue_75 = "#0075ff";
-const brilliantblue_70 = "#2d8dff";
-const brilliantblue_60 = "#64abff";
-const brilliantblue_50 = "#93c4ff";
-const brilliantblue_40 = "#bbdaff";
-const brilliantblue_25 = "#d9eaff";
-const brilliantblue_20 = "#e6f1ff";
-const brilliantblue_10 = "#eff6ff";
-const brilliantblue_05 = "#f5faff";
-const grey_95 = "#222222";
-const grey_90 = "#333333";
-const grey_85 = "#444444";
-const grey_80 = "#555555";
-const grey_70 = "#737373";
-const grey_65 = "#888888";
-const grey_60 = "#999999";
-const grey_55 = "#aaaaaa";
-const grey_50 = "#bbbbbb";
-const grey_45 = "#cccccc";
-const grey_35 = "#D8D8D8";
-const grey_30 = "#e1e1e1";
-const grey_25 = "#E5E5E5";
-const grey_20 = "#eeeeee";
-const grey_10 = "#f6f6f6";
-const grey_05 = "#f9f9f9";
-const white = "#ffffff";
-const black = "#000000";
-var colors$1 = {
-	primary: primary,
-	secondary: secondary,
-	accent: accent,
-	positive: positive,
-	negative: negative,
-	info: info,
-	warning: warning,
-	red_99: red_99,
-	red_95: red_95,
-	red_90: red_90,
-	red_85: red_85,
-	red_80: red_80,
-	red_75: red_75,
-	red_70: red_70,
-	red_60: red_60,
-	red_45: red_45,
-	red_30: red_30,
-	red_20: red_20,
-	red_15: red_15,
-	caution_bg: caution_bg,
-	caution_icon: caution_icon,
-	orange_99: orange_99,
-	orange_95: orange_95,
-	orange_90: orange_90,
-	orange_85: orange_85,
-	orange_75: orange_75,
-	orange_65: orange_65,
-	orange_60: orange_60,
-	orange_55: orange_55,
-	orange_45: orange_45,
-	orange_35: orange_35,
-	orange_20: orange_20,
-	orange_10: orange_10,
-	header_alert: header_alert,
-	yellow_95: yellow_95,
-	yellow_90: yellow_90,
-	yellow_80: yellow_80,
-	yellow_70: yellow_70,
-	yellow_60: yellow_60,
-	yellow_50: yellow_50,
-	yellow_45: yellow_45,
-	yellow_40: yellow_40,
-	yellow_30: yellow_30,
-	yellow_25: yellow_25,
-	yellow_20: yellow_20,
-	yellow_10: yellow_10,
-	olive_95: olive_95,
-	olive_90: olive_90,
-	olive_80: olive_80,
-	olive_70: olive_70,
-	olive_65: olive_65,
-	olive_55: olive_55,
-	olive_45: olive_45,
-	olive_30: olive_30,
-	olive_20: olive_20,
-	olive_15: olive_15,
-	olive_10: olive_10,
-	olive_05: olive_05,
-	green_99: green_99,
-	green_95: green_95,
-	green_90: green_90,
-	green_85: green_85,
-	green_80: green_80,
-	green_75: green_75,
-	green_70: green_70,
-	green_65: green_65,
-	green_55: green_55,
-	green_45: green_45,
-	green_25: green_25,
-	green_15: green_15,
-	steelblue_99: steelblue_99,
-	steelblue_95: steelblue_95,
-	steelblue_90: steelblue_90,
-	steelblue_85: steelblue_85,
-	steelblue_80: steelblue_80,
-	steelblue_75: steelblue_75,
-	steelblue_70: steelblue_70,
-	steelblue_65: steelblue_65,
-	steelblue_60: steelblue_60,
-	steelblue_45: steelblue_45,
-	steelblue_25: steelblue_25,
-	steelblue_10: steelblue_10,
-	oceanblue_99: oceanblue_99,
-	oceanblue_95: oceanblue_95,
-	oceanblue_90: oceanblue_90,
-	oceanblue_85: oceanblue_85,
-	oceanblue_80: oceanblue_80,
-	oceanblue_75: oceanblue_75,
-	oceanblue_70: oceanblue_70,
-	oceanblue_65: oceanblue_65,
-	oceanblue_60: oceanblue_60,
-	oceanblue_50: oceanblue_50,
-	oceanblue_25: oceanblue_25,
-	oceanblue_15: oceanblue_15,
-	brilliantblue_99: brilliantblue_99,
-	brilliantblue_95: brilliantblue_95,
-	brilliantblue_90: brilliantblue_90,
-	brilliantblue_85: brilliantblue_85,
-	brilliantblue_80: brilliantblue_80,
-	brilliantblue_75: brilliantblue_75,
-	brilliantblue_70: brilliantblue_70,
-	brilliantblue_60: brilliantblue_60,
-	brilliantblue_50: brilliantblue_50,
-	brilliantblue_40: brilliantblue_40,
-	brilliantblue_25: brilliantblue_25,
-	brilliantblue_20: brilliantblue_20,
-	brilliantblue_10: brilliantblue_10,
-	brilliantblue_05: brilliantblue_05,
-	grey_95: grey_95,
-	grey_90: grey_90,
-	grey_85: grey_85,
-	grey_80: grey_80,
-	grey_70: grey_70,
-	grey_65: grey_65,
-	grey_60: grey_60,
-	grey_55: grey_55,
-	grey_50: grey_50,
-	grey_45: grey_45,
-	grey_35: grey_35,
-	grey_30: grey_30,
-	grey_25: grey_25,
-	grey_20: grey_20,
-	grey_10: grey_10,
-	grey_05: grey_05,
-	white: white,
-	black: black
-};
-
-const colors = colors$1;
-// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,
-// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
-function resolveColor(input, fallback = '#025497') {
-    if (!input)
-        return fallback;
-    const mapped = colors[input];
-    return mapped || input;
-}
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DON0UcbL.js';
+import { r as resolveColor, c as colors } from './resolveColor-BYf-ybt2.js';
 
 const sdButtonCss = "@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\")}.sc-sd-button:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html.sc-sd-button{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary.sc-sd-button{background-color:var(--color-primary, #051d36)}.bg-secondary.sc-sd-button{background-color:var(--color-secondary, #555555)}.bg-accent.sc-sd-button{background-color:var(--color-accent, #9c27b0)}.bg-positive.sc-sd-button{background-color:var(--color-positive, #0075ff)}.bg-negative.sc-sd-button{background-color:var(--color-negative, #e30000)}.bg-info.sc-sd-button{background-color:var(--color-info, #00cd52)}.bg-warning.sc-sd-button{background-color:var(--color-warning, #f2c037)}.bg-red_99.sc-sd-button{background-color:var(--color-red_99, #220000)}.bg-red_95.sc-sd-button{background-color:var(--color-red_95, #440000)}.bg-red_90.sc-sd-button{background-color:var(--color-red_90, #5E0000)}.bg-red_85.sc-sd-button{background-color:var(--color-red_85, #820000)}.bg-red_80.sc-sd-button{background-color:var(--color-red_80, #AD0000)}.bg-red_75.sc-sd-button{background-color:var(--color-red_75, #E30000)}.bg-red_70.sc-sd-button{background-color:var(--color-red_70, #FB4444)}.bg-red_60.sc-sd-button{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45.sc-sd-button{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30.sc-sd-button{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20.sc-sd-button{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15.sc-sd-button{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg.sc-sd-button{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon.sc-sd-button{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99.sc-sd-button{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95.sc-sd-button{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90.sc-sd-button{background-color:var(--color-orange_90, #752A00)}.bg-orange_85.sc-sd-button{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75.sc-sd-button{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65.sc-sd-button{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60.sc-sd-button{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55.sc-sd-button{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45.sc-sd-button{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35.sc-sd-button{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20.sc-sd-button{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10.sc-sd-button{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert.sc-sd-button{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95.sc-sd-button{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90.sc-sd-button{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80.sc-sd-button{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70.sc-sd-button{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60.sc-sd-button{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50.sc-sd-button{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45.sc-sd-button{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40.sc-sd-button{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30.sc-sd-button{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25.sc-sd-button{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20.sc-sd-button{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10.sc-sd-button{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95.sc-sd-button{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90.sc-sd-button{background-color:var(--color-olive_90, #454500)}.bg-olive_80.sc-sd-button{background-color:var(--color-olive_80, #636300)}.bg-olive_70.sc-sd-button{background-color:var(--color-olive_70, #838300)}.bg-olive_65.sc-sd-button{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55.sc-sd-button{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45.sc-sd-button{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30.sc-sd-button{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20.sc-sd-button{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15.sc-sd-button{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10.sc-sd-button{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05.sc-sd-button{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99.sc-sd-button{background-color:var(--color-green_99, #001D0B)}.bg-green_95.sc-sd-button{background-color:var(--color-green_95, #003013)}.bg-green_90.sc-sd-button{background-color:var(--color-green_90, #00461C)}.bg-green_85.sc-sd-button{background-color:var(--color-green_85, #006629)}.bg-green_80.sc-sd-button{background-color:var(--color-green_80, #007B31)}.bg-green_75.sc-sd-button{background-color:var(--color-green_75, #00973C)}.bg-green_70.sc-sd-button{background-color:var(--color-green_70, #12B553)}.bg-green_65.sc-sd-button{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55.sc-sd-button{background-color:var(--color-green_55, #6DE39C)}.bg-green_45.sc-sd-button{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25.sc-sd-button{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15.sc-sd-button{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99.sc-sd-button{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95.sc-sd-button{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90.sc-sd-button{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85.sc-sd-button{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80.sc-sd-button{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75.sc-sd-button{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70.sc-sd-button{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65.sc-sd-button{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60.sc-sd-button{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45.sc-sd-button{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25.sc-sd-button{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10.sc-sd-button{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99.sc-sd-button{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95.sc-sd-button{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90.sc-sd-button{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85.sc-sd-button{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80.sc-sd-button{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75.sc-sd-button{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70.sc-sd-button{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65.sc-sd-button{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60.sc-sd-button{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50.sc-sd-button{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25.sc-sd-button{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15.sc-sd-button{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99.sc-sd-button{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95.sc-sd-button{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90.sc-sd-button{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85.sc-sd-button{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80.sc-sd-button{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75.sc-sd-button{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70.sc-sd-button{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60.sc-sd-button{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50.sc-sd-button{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40.sc-sd-button{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25.sc-sd-button{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20.sc-sd-button{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10.sc-sd-button{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05.sc-sd-button{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95.sc-sd-button{background-color:var(--color-grey_95, #222222)}.bg-grey_90.sc-sd-button{background-color:var(--color-grey_90, #333333)}.bg-grey_85.sc-sd-button{background-color:var(--color-grey_85, #444444)}.bg-grey_80.sc-sd-button{background-color:var(--color-grey_80, #555555)}.bg-grey_70.sc-sd-button{background-color:var(--color-grey_70, #737373)}.bg-grey_65.sc-sd-button{background-color:var(--color-grey_65, #888888)}.bg-grey_60.sc-sd-button{background-color:var(--color-grey_60, #999999)}.bg-grey_55.sc-sd-button{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50.sc-sd-button{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45.sc-sd-button{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35.sc-sd-button{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30.sc-sd-button{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25.sc-sd-button{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20.sc-sd-button{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10.sc-sd-button{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05.sc-sd-button{background-color:var(--color-grey_05, #f9f9f9)}.bg-white.sc-sd-button{background-color:var(--color-white, #ffffff)}.bg-black.sc-sd-button{background-color:var(--color-black, #000000)}.text-primary.sc-sd-button{color:var(--color-primary, #051d36)}.text-secondary.sc-sd-button{color:var(--color-secondary, #555555)}.text-accent.sc-sd-button{color:var(--color-accent, #9c27b0)}.text-positive.sc-sd-button{color:var(--color-positive, #0075ff)}.text-negative.sc-sd-button{color:var(--color-negative, #e30000)}.text-info.sc-sd-button{color:var(--color-info, #00cd52)}.text-warning.sc-sd-button{color:var(--color-warning, #f2c037)}.text-red_99.sc-sd-button{color:var(--color-red_99, #220000)}.text-red_95.sc-sd-button{color:var(--color-red_95, #440000)}.text-red_90.sc-sd-button{color:var(--color-red_90, #5E0000)}.text-red_85.sc-sd-button{color:var(--color-red_85, #820000)}.text-red_80.sc-sd-button{color:var(--color-red_80, #AD0000)}.text-red_75.sc-sd-button{color:var(--color-red_75, #E30000)}.text-red_70.sc-sd-button{color:var(--color-red_70, #FB4444)}.text-red_60.sc-sd-button{color:var(--color-red_60, #FF7C7C)}.text-red_45.sc-sd-button{color:var(--color-red_45, #FFB5B5)}.text-red_30.sc-sd-button{color:var(--color-red_30, #FFD3D3)}.text-red_20.sc-sd-button{color:var(--color-red_20, #FCE6E6)}.text-red_15.sc-sd-button{color:var(--color-red_15, #FCEFEF)}.text-caution_bg.sc-sd-button{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon.sc-sd-button{color:var(--color-caution_icon, #fd9595)}.text-orange_99.sc-sd-button{color:var(--color-orange_99, #2F1100)}.text-orange_95.sc-sd-button{color:var(--color-orange_95, #4D1B00)}.text-orange_90.sc-sd-button{color:var(--color-orange_90, #752A00)}.text-orange_85.sc-sd-button{color:var(--color-orange_85, #9B3700)}.text-orange_75.sc-sd-button{color:var(--color-orange_75, #CE4900)}.text-orange_65.sc-sd-button{color:var(--color-orange_65, #FF6B00)}.text-orange_60.sc-sd-button{color:var(--color-orange_60, #FF7F22)}.text-orange_55.sc-sd-button{color:var(--color-orange_55, #FFA452)}.text-orange_45.sc-sd-button{color:var(--color-orange_45, #FFBC81)}.text-orange_35.sc-sd-button{color:var(--color-orange_35, #FFD5AF)}.text-orange_20.sc-sd-button{color:var(--color-orange_20, #FFEAD7)}.text-orange_10.sc-sd-button{color:var(--color-orange_10, #FEF1EA)}.text-header_alert.sc-sd-button{color:var(--color-header_alert, #FF7A00)}.text-yellow_95.sc-sd-button{color:var(--color-yellow_95, #322700)}.text-yellow_90.sc-sd-button{color:var(--color-yellow_90, #453702)}.text-yellow_80.sc-sd-button{color:var(--color-yellow_80, #6C5602)}.text-yellow_70.sc-sd-button{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60.sc-sd-button{color:var(--color-yellow_60, #C49900)}.text-yellow_50.sc-sd-button{color:var(--color-yellow_50, #EBB800)}.text-yellow_45.sc-sd-button{color:var(--color-yellow_45, #FFC700)}.text-yellow_40.sc-sd-button{color:var(--color-yellow_40, #FFD643)}.text-yellow_30.sc-sd-button{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25.sc-sd-button{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20.sc-sd-button{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10.sc-sd-button{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95.sc-sd-button{color:var(--color-olive_95, #2C2C00)}.text-olive_90.sc-sd-button{color:var(--color-olive_90, #454500)}.text-olive_80.sc-sd-button{color:var(--color-olive_80, #636300)}.text-olive_70.sc-sd-button{color:var(--color-olive_70, #838300)}.text-olive_65.sc-sd-button{color:var(--color-olive_65, #A5A500)}.text-olive_55.sc-sd-button{color:var(--color-olive_55, #C7C700)}.text-olive_45.sc-sd-button{color:var(--color-olive_45, #DDDD12)}.text-olive_30.sc-sd-button{color:var(--color-olive_30, #EEEE37)}.text-olive_20.sc-sd-button{color:var(--color-olive_20, #F6F65F)}.text-olive_15.sc-sd-button{color:var(--color-olive_15, #FAFAA1)}.text-olive_10.sc-sd-button{color:var(--color-olive_10, #FBFBBF)}.text-olive_05.sc-sd-button{color:var(--color-olive_05, #FEFED9)}.text-green_99.sc-sd-button{color:var(--color-green_99, #001D0B)}.text-green_95.sc-sd-button{color:var(--color-green_95, #003013)}.text-green_90.sc-sd-button{color:var(--color-green_90, #00461C)}.text-green_85.sc-sd-button{color:var(--color-green_85, #006629)}.text-green_80.sc-sd-button{color:var(--color-green_80, #007B31)}.text-green_75.sc-sd-button{color:var(--color-green_75, #00973C)}.text-green_70.sc-sd-button{color:var(--color-green_70, #12B553)}.text-green_65.sc-sd-button{color:var(--color-green_65, #2BCE6C)}.text-green_55.sc-sd-button{color:var(--color-green_55, #6DE39C)}.text-green_45.sc-sd-button{color:var(--color-green_45, #ACF4C9)}.text-green_25.sc-sd-button{color:var(--color-green_25, #D4FAE3)}.text-green_15.sc-sd-button{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99.sc-sd-button{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95.sc-sd-button{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90.sc-sd-button{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85.sc-sd-button{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80.sc-sd-button{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75.sc-sd-button{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70.sc-sd-button{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65.sc-sd-button{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60.sc-sd-button{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45.sc-sd-button{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25.sc-sd-button{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10.sc-sd-button{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99.sc-sd-button{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95.sc-sd-button{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90.sc-sd-button{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85.sc-sd-button{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80.sc-sd-button{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75.sc-sd-button{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70.sc-sd-button{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65.sc-sd-button{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60.sc-sd-button{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50.sc-sd-button{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25.sc-sd-button{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15.sc-sd-button{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99.sc-sd-button{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95.sc-sd-button{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90.sc-sd-button{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85.sc-sd-button{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80.sc-sd-button{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75.sc-sd-button{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70.sc-sd-button{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60.sc-sd-button{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50.sc-sd-button{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40.sc-sd-button{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25.sc-sd-button{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20.sc-sd-button{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10.sc-sd-button{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05.sc-sd-button{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95.sc-sd-button{color:var(--color-grey_95, #222222)}.text-grey_90.sc-sd-button{color:var(--color-grey_90, #333333)}.text-grey_85.sc-sd-button{color:var(--color-grey_85, #444444)}.text-grey_80.sc-sd-button{color:var(--color-grey_80, #555555)}.text-grey_70.sc-sd-button{color:var(--color-grey_70, #737373)}.text-grey_65.sc-sd-button{color:var(--color-grey_65, #888888)}.text-grey_60.sc-sd-button{color:var(--color-grey_60, #999999)}.text-grey_55.sc-sd-button{color:var(--color-grey_55, #aaaaaa)}.text-grey_50.sc-sd-button{color:var(--color-grey_50, #bbbbbb)}.text-grey_45.sc-sd-button{color:var(--color-grey_45, #cccccc)}.text-grey_35.sc-sd-button{color:var(--color-grey_35, #D8D8D8)}.text-grey_30.sc-sd-button{color:var(--color-grey_30, #e1e1e1)}.text-grey_25.sc-sd-button{color:var(--color-grey_25, #E5E5E5)}.text-grey_20.sc-sd-button{color:var(--color-grey_20, #eeeeee)}.text-grey_10.sc-sd-button{color:var(--color-grey_10, #f6f6f6)}.text-grey_05.sc-sd-button{color:var(--color-grey_05, #f9f9f9)}.text-white.sc-sd-button{color:var(--color-white, #ffffff)}.text-black.sc-sd-button{color:var(--color-black, #000000)}*.sc-sd-button,*.sc-sd-button::before,*.sc-sd-button::after{box-sizing:border-box}html.sc-sd-button{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body.sc-sd-button,h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button,p.sc-sd-button,figure.sc-sd-button,blockquote.sc-sd-button,dl.sc-sd-button,dd.sc-sd-button{margin-block-end:0}ul[role=list].sc-sd-button,ol[role=list].sc-sd-button{list-style:none}body.sc-sd-button{min-height:100vh;line-height:1.5}h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button,button.sc-sd-button,input.sc-sd-button,label.sc-sd-button{line-height:1}h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button{text-wrap:balance}a.sc-sd-button:not([class]){text-decoration-skip-ink:auto;color:currentColor}img.sc-sd-button,picture.sc-sd-button{max-width:100%;display:block}input.sc-sd-button,button.sc-sd-button,textarea.sc-sd-button,select.sc-sd-button{font-size:inherit}.sc-sd-button:target{scroll-margin-block:5ex}button.sc-sd-button{background:none;border:none;cursor:pointer;padding:0;outline:0}button.sc-sd-button:focus{outline:0 !important}.sc-sd-button-h{display:inline-block;height:fit-content;line-height:0}.text-center.sc-sd-button{text-align:center}.text-right.sc-sd-button{text-align:right}.text-left.sc-sd-button{text-align:left}input[type=text].sc-sd-button,input[type=number].sc-sd-button,input[type=password].sc-sd-button,input[type=email].sc-sd-button,input[type=tel].sc-sd-button,textarea.sc-sd-button{padding-block:0px;padding-inline:0px}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button{background:currentColor;opacity:0.15}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button:before{opacity:0.1}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button:after{opacity:0.4}.sd-focus-helper.sc-sd-button{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-button:before,.sd-focus-helper.sc-sd-button:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-button:before{background:#000000}.sd-focus-helper.sc-sd-button:after{background:#ffffff}.sd-tooltip-menu.sc-sd-button{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close.sc-sd-button{padding-right:12px !important}.sd-tooltip-menu__arrow.sc-sd-button{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow.sc-sd-button svg.sc-sd-button{width:100%;height:100%}.sd-tooltip-menu__arrow--top.sc-sd-button{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom.sc-sd-button{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left.sc-sd-button{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right.sc-sd-button{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content.sc-sd-button{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button.sc-sd-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button.sc-sd-button button.sc-sd-button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu.sc-sd-button{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow.sc-sd-button{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow.sc-sd-button svg.sc-sd-button{width:100%;height:100%}.sd-popover-menu__arrow--top.sc-sd-button{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom.sc-sd-button{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left.sc-sd-button{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right.sc-sd-button{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content.sc-sd-button{font-size:12px;line-height:20px}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__title.sc-sd-button{font-weight:700;margin-bottom:4px}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__messages.sc-sd-button{font-weight:500}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons.sc-sd-button{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons--1.sc-sd-button{justify-content:flex-end}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons--2.sc-sd-button{justify-content:space-between}.sd-popover-menu__close-button.sc-sd-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-button.sc-sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs.sc-sd-button{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm.sc-sd-button{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md.sc-sd-button{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg.sc-sd-button{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary.sc-sd-button{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline.sc-sd-button{background-color:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline.sc-sd-button .sd-button__content.sc-sd-button{position:relative;z-index:1}.sd-button--ghost.sc-sd-button{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost.sc-sd-button .sd-button__content.sc-sd-button{position:relative;z-index:1}.sd-button--disabled.sc-sd-button{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only.sc-sd-button{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover.sc-sd-button:hover::before{opacity:0 !important}.sd-button.sc-sd-button .sd-button__content.sc-sd-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}";
 
@@ -366,38 +102,38 @@ const SdGuide = class {
     getGuideStyle() {
         const styles = {};
         if (this.type === 'help') {
-            styles['--guide-border'] = this.popupShow ? colors$1.green_65 : colors$1.grey_45;
-            styles['--guide-color'] = this.popupShow ? colors$1.white : colors$1.grey_90;
-            styles['--guide-background'] = this.popupShow ? colors$1.green_65 : colors$1.white;
+            styles['--guide-border'] = this.popupShow ? colors.green_65 : colors.grey_45;
+            styles['--guide-color'] = this.popupShow ? colors.white : colors.grey_90;
+            styles['--guide-background'] = this.popupShow ? colors.green_65 : colors.white;
         }
         else {
-            styles['--guide-border'] = colors$1.grey_45;
-            styles['--guide-color'] = colors$1.grey_90;
-            styles['--guide-background'] = colors$1.white;
+            styles['--guide-border'] = colors.grey_45;
+            styles['--guide-color'] = colors.grey_90;
+            styles['--guide-background'] = colors.white;
         }
         return styles;
     }
     getGuidIcon() {
         if (this.type === 'pdf') {
-            return { name: 'pdf', size: 20, color: colors$1.red_75 };
+            return { name: 'pdf', size: 20, color: colors.red_75 };
         }
         else if (this.type === 'youtube') {
-            return { name: 'youtube', size: 20, color: colors$1.red_75 };
+            return { name: 'youtube', size: 20, color: colors.red_75 };
         }
         else if (this.type === 'notion') {
-            return { name: 'notion', size: 16, color: colors$1.black };
+            return { name: 'notion', size: 16, color: colors.black };
         }
         else if (this.type === 'event') {
-            return { name: 'event', size: 16, color: colors$1.brilliantblue_70 };
+            return { name: 'event', size: 16, color: colors.brilliantblue_70 };
         }
-        return { name: 'helpOutline', size: 20, color: this.popupShow ? colors$1.white : colors$1.green_65 };
+        return { name: 'helpOutline', size: 20, color: this.popupShow ? colors.white : colors.green_65 };
     }
     closeDropdown = () => {
         this.popupShow = false;
     };
     render() {
         const { name: iconName, size: iconSize, color: iconColor } = this.getGuidIcon();
-        return (h(Host, { key: 'eb3873c0f3c38208bb1c7bceea0c16748d10123e', style: this.getGuideStyle() }, h("sd-button", { key: '7aa64a9d56ea64516680fc52226d738a20fb24bb', ref: el => (this.guideRef = el), class: this.getGuideClasses(), variant: "outline", label: SdGuide.guideTitle[this.type], size: "md", color: "var(--guide-color)", icon: iconName, iconColor: iconColor, iconSize: iconSize, iconStyle: { marginRight: '4px' }, buttonStyle: {
+        return (h(Host, { key: '6b9aef7f8ac24d20f19b0007aa6b13de124db93a', style: this.getGuideStyle() }, h("sd-button", { key: '84f1e008e5583d33e008c3c6676b221795af447f', ref: el => (this.guideRef = el), class: this.getGuideClasses(), variant: "outline", label: SdGuide.guideTitle[this.type], size: "md", color: "var(--guide-color)", icon: iconName, iconColor: iconColor, iconSize: iconSize, iconStyle: { marginRight: '4px' }, buttonStyle: {
                 height: '28px',
                 minHeight: '28px',
                 padding: '4px 12px',
@@ -407,7 +143,7 @@ const SdGuide = class {
                 fontSize: '12px',
                 fontWeight: '400',
                 backgroundColor: 'var(--guide-background)',
-            }, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '8c8d401cf365376553e3c23abec6f43823e89217', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 24] }, h("div", { key: 'ac6a0acd0ab0e8ff9d51954fc81ae4bd0f2091ff', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: '52c6e7cce6c0525f20ddea26c759c36c614671ab', class: "sd-guide__popup__close", icon: "close", color: colors$1.grey_65, size: "md", variant: "ghost", noHover: true, buttonStyle: { padding: '0px', minHeight: '0px' }, onSdClick: this.closeDropdown }), h("div", { key: 'fa1a7b0f0fdd97aa65bba2ba5dee724dd774c296', class: "sd-guide__popup__header" }, h("sd-icon", { key: '7d786d08caf15673e33c3c8de73410978104aaff', name: "helpOutline", size: 24, color: colors$1.green_65 }), h("h3", { key: 'd31e03e34ebab5c32fd4d123f954ce9ef67c3fc9', class: "sd-guide__popup__title" }, this.popupTitle || SdGuide.guideTitle[this.type])), h("ul", { key: 'a294ecc2bf1b20252191711f20aa10098b9d0175', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
+            }, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '094c0ed48f8cd5e4ad9b39749c5b9e38de776df9', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 24] }, h("div", { key: 'c4723cff1757f411b3ec5c618ece202195893062', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: 'a76bd5368390414f8ab3733902780b39d4bfb3ac', class: "sd-guide__popup__close", icon: "close", color: colors.grey_65, size: "md", variant: "ghost", noHover: true, buttonStyle: { padding: '0px', minHeight: '0px' }, onSdClick: this.closeDropdown }), h("div", { key: '56b1e56be7accd939b47d8942c0796214215b9a1', class: "sd-guide__popup__header" }, h("sd-icon", { key: '4c0eee1fb46488a0fc69e767536d8a0abc0465c3', name: "helpOutline", size: 24, color: colors.green_65 }), h("h3", { key: '82159861a5f0dead314dde0648441099fbed1b33', class: "sd-guide__popup__title" }, this.popupTitle || SdGuide.guideTitle[this.type])), h("ul", { key: '656631755547012c689a434aa0db3f6f3676dc2f', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
     }
     // 현재 2depth까지만 스타일 적용
     renderListItem(message, depth = 0) {
@@ -437,8 +173,8 @@ const check = {
 };
 
 var Check = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    check: check
+  __proto__: null,
+  check: check
 });
 
 const ArrowRight12 = (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_8697_41992)" }, 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 })), h("defs", null, h("clipPath", { id: "clip0_8697_41992" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -448,8 +184,8 @@ const arrowRight = {
 };
 
 var ArrowRight = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowRight: arrowRight
+  __proto__: null,
+  arrowRight: arrowRight
 });
 
 const ArrowDown12 = (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_8697_42006)" }, h("path", { d: "M10.6 3.75L6.08742 8.16449C6.03883 8.21202 5.96118 8.21202 5.91259 8.16449L1.40001 3.75", stroke: "currentColor", "stroke-linecap": "round", ...props })), h("defs", null, h("clipPath", { id: "clip0_8697_42006" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -459,8 +195,8 @@ const arrowDown = {
 };
 
 var ArrowDown = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowDown: arrowDown
+  __proto__: null,
+  arrowDown: arrowDown
 });
 
 const ArrowLeft12 = (props) => (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8697_41980)" }, 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 })), h("defs", null, h("clipPath", { id: "clip0_8697_41980" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -470,8 +206,8 @@ const arrowLeft = {
 };
 
 var ArrowLeft = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowLeft: arrowLeft
+  __proto__: null,
+  arrowLeft: arrowLeft
 });
 
 const ArrowLeftEnd12 = (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_8697_41999)" }, h("path", { d: "M6.4455 0.984946C6.6381 0.855086 6.90185 0.873774 7.07441 1.04256C7.24706 1.21148 7.27156 1.47504 7.1457 1.67049L7.08222 1.74959L2.92499 5.99959L7.08222 10.2506C7.27518 10.448 7.27171 10.7645 7.07441 10.9576C6.87703 11.1506 6.56045 11.1471 6.36738 10.9498L1.95331 6.43709C1.71568 6.19418 1.71568 5.80599 1.95331 5.56307L6.36738 1.05038L6.4455 0.984946ZM9.4455 0.984946C9.6381 0.855086 9.90185 0.873774 10.0744 1.04256C10.2471 1.21148 10.2716 1.47504 10.1457 1.67049L10.0822 1.74959L5.92499 5.99959L10.0822 10.2506C10.2752 10.448 10.2717 10.7645 10.0744 10.9576C9.87704 11.1506 9.56045 11.1471 9.36738 10.9498L4.95331 6.43709C4.71568 6.19418 4.71568 5.80599 4.95331 5.56307L9.36738 1.05038L9.4455 0.984946Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_41999" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -481,8 +217,8 @@ const arrowLeftEnd = {
 };
 
 var ArrowLeftEnd = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowLeftEnd: arrowLeftEnd
+  __proto__: null,
+  arrowLeftEnd: arrowLeftEnd
 });
 
 const ArrowRightEnd12 = (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_8697_41977)" }, h("path", { d: "M1.92535 1.04258C2.12273 0.849619 2.43931 0.853114 2.63238 1.05039L7.04644 5.56309C7.28396 5.80602 7.28404 6.19423 7.04644 6.43711L2.63238 10.9498L2.55426 11.0152C2.3617 11.1451 2.09791 11.1263 1.92535 10.9576C1.7527 10.7887 1.72824 10.5251 1.85406 10.3297L1.91754 10.2506L6.07477 6.00059L1.91754 1.74961C1.72458 1.55223 1.72807 1.23565 1.92535 1.04258ZM4.92535 1.04258C5.12273 0.849619 5.43931 0.853114 5.63238 1.05039L10.0464 5.56309C10.284 5.80602 10.284 6.19423 10.0464 6.43711L5.63238 10.9498L5.55426 11.0152C5.3617 11.1451 5.09791 11.1263 4.92535 10.9576C4.7527 10.7887 4.72824 10.5251 4.85406 10.3297L4.91754 10.2506L9.07477 6.00059L4.91754 1.74961C4.72458 1.55223 4.72807 1.23565 4.92535 1.04258Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_41977" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -492,8 +228,8 @@ const arrowRightEnd = {
 };
 
 var ArrowRightEnd = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowRightEnd: arrowRightEnd
+  __proto__: null,
+  arrowRightEnd: arrowRightEnd
 });
 
 const ArrowUp12 = (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_8697_40846)" }, h("path", { d: "M10.6 8.25L6.08742 3.83551C6.03883 3.78798 5.96118 3.78798 5.91259 3.83551L1.40001 8.25", stroke: "currentColor", "stroke-linecap": "round" })), h("defs", null, h("clipPath", { id: "clip0_8697_40846" }, h("rect", { width: "12", height: "12", fill: "white" })))));
@@ -503,8 +239,8 @@ const arrowUp = {
 };
 
 var ArrowUp = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    arrowUp: arrowUp
+  __proto__: null,
+  arrowUp: arrowUp
 });
 
 const Close10 = (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_8773_6916)" }, 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" })), h("defs", null, h("clipPath", { id: "clip0_8773_6916" }, h("rect", { width: "10", height: "10", fill: "white" })))));
@@ -529,8 +265,8 @@ const close = {
 };
 
 var Close = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    close: close
+  __proto__: null,
+  close: close
 });
 
 const Date16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8697_41600)" }, h("path", { d: "M11.3333 1.36655C11.6093 1.36672 11.8333 1.59051 11.8333 1.86655V2.83334H13.4661C14.1105 2.83334 14.6331 3.356 14.6331 4.00034V13.4671C14.6328 14.1112 14.1103 14.6331 13.4661 14.6331H2.53351C1.88938 14.6331 1.36683 14.1112 1.36652 13.4671V4.00034C1.36652 3.35601 1.88919 2.83335 2.53351 2.83334H4.16632V1.86655C4.16632 1.59048 4.39028 1.36667 4.66632 1.36655C4.94246 1.36655 5.16632 1.5904 5.16632 1.86655V2.83334H10.8333V1.86655C10.8333 1.59048 11.0573 1.36667 11.3333 1.36655ZM2.36652 13.4671C2.36683 13.5589 2.44167 13.6331 2.53351 13.6331H13.4661C13.558 13.6331 13.6328 13.5589 13.6331 13.4671V6.00034H2.36652V13.4671ZM12.0003 9.33334C12.3683 9.33357 12.6663 9.63229 12.6663 10.0003V12.0003C12.6661 12.3682 12.3681 12.6661 12.0003 12.6664H10.0003C9.63227 12.6664 9.33356 12.3683 9.33331 12.0003V10.0003C9.33331 9.63215 9.63212 9.33334 10.0003 9.33334H12.0003Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_41600" }, h("rect", { width: "16", height: "16", fill: "white" })))));
@@ -540,8 +276,8 @@ const date = {
 };
 
 var Date = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    date: date
+  __proto__: null,
+  date: date
 });
 
 const Event16 = (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: "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" }), 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" }), h("path", { d: "M4 1V3M12 1V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), 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" })));
@@ -551,8 +287,8 @@ const event = {
 };
 
 var Event = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    event: event
+  __proto__: null,
+  event: event
 });
 
 const HelpOutline8 = (props) => {
@@ -589,8 +325,8 @@ const helpOutline = {
 };
 
 var HelpOutline = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    helpOutline: helpOutline
+  __proto__: null,
+  helpOutline: helpOutline
 });
 
 const PageMove12 = (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.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" })));
@@ -600,8 +336,8 @@ const pageMove = {
 };
 
 var PageMove = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    pageMove: pageMove
+  __proto__: null,
+  pageMove: pageMove
 });
 
 const Notion16 = (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: "M3.47562 3.3239C3.92362 3.68764 4.09108 3.6599 4.93268 3.60337L12.8612 3.12764C13.0298 3.12764 12.89 2.96017 12.8335 2.93244L11.5162 1.9799C11.2644 1.78364 10.9284 1.55964 10.2842 1.61617L2.60628 2.17617C2.32682 2.2039 2.27028 2.34364 2.38228 2.45564L3.47562 3.3239ZM3.95135 5.17137V13.5138C3.95135 13.9618 4.17535 14.1303 4.67988 14.1026L13.3946 13.598C13.898 13.5703 13.9546 13.262 13.9546 12.8983V4.61137C13.9546 4.2487 13.8148 4.05137 13.5066 4.0791L4.39935 4.61137C4.06335 4.6391 3.95135 4.80764 3.95135 5.17137ZM12.554 5.61937C12.6095 5.8711 12.554 6.12284 12.3012 6.15164L11.881 6.23484V12.3938C11.5172 12.59 11.1802 12.7031 10.8996 12.7031C10.4516 12.7031 10.3396 12.5623 10.0036 12.142L7.25695 7.83057V12.0023L8.12628 12.1986C8.12628 12.1986 8.12628 12.702 7.42548 12.702L5.49268 12.814C5.43615 12.702 5.49268 12.4226 5.68895 12.366L6.19242 12.2274V6.71057L5.49375 6.6551C5.43722 6.40337 5.57695 6.03964 5.96948 6.01084L8.04308 5.87217L10.9018 10.2391V6.37564L10.1732 6.29137C10.1167 5.9831 10.3407 5.7591 10.6212 5.73137L12.5551 5.61937H12.554ZM1.96202 1.4199L9.94815 0.832171C10.9284 0.746838 11.1802 0.804437 11.7967 1.25244L14.346 3.04444C14.7674 3.35164 14.9071 3.4359 14.9071 3.7719V13.598C14.9071 14.2146 14.6831 14.5794 13.898 14.6338L4.62442 15.1938C4.03562 15.2226 3.75508 15.1383 3.44682 14.7458L1.56948 12.3106C1.23348 11.8626 1.09375 11.5266 1.09375 11.134V2.3991C1.09375 1.89564 1.31775 1.47537 1.96202 1.4199Z", fill: "currentColor" })));
@@ -611,8 +347,8 @@ const notion = {
 };
 
 var Notion = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    notion: notion
+  __proto__: null,
+  notion: notion
 });
 
 const Pdf10 = (props) => (h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8773_6892)" }, h("path", { d: "M5.89941 0.766602C6.11512 0.766607 6.32258 0.852825 6.47559 1.00488L8.15918 2.67773C8.31334 2.83098 8.40034 3.03947 8.40039 3.25684V8.41699C8.40039 8.86802 8.03403 9.23339 7.58301 9.2334H2.41699C1.96596 9.2334 1.59961 8.86803 1.59961 8.41699V1.58398C1.59962 1.13296 1.96597 0.766602 2.41699 0.766602H5.89941ZM2.41699 1.56738C2.40779 1.56738 2.4004 1.57479 2.40039 1.58398V8.41699C2.40039 8.4262 2.40779 8.43359 2.41699 8.43359H7.58301C7.5922 8.43358 7.59961 8.42619 7.59961 8.41699V3.52539H6.14648C5.86804 3.52539 5.6416 3.29895 5.6416 3.02051V1.56738H2.41699ZM4.6582 2.86523C4.7525 2.84395 4.86332 2.8614 4.94824 2.94434C4.97308 2.96861 4.99172 2.99904 5.00195 3.03223C5.17578 3.59832 5.13808 4.19926 4.99023 4.76562C5.0425 4.83484 5.09992 4.90681 5.16504 4.97949C5.31383 5.14556 5.45413 5.28322 5.58398 5.39844C5.87696 5.33672 6.1275 5.31682 6.33984 5.33008C6.84796 5.36188 7.16675 5.58223 7.27637 5.84961C7.30421 5.9179 7.29368 5.99603 7.24902 6.05469C7.0907 6.26085 6.77722 6.40317 6.36133 6.31445C6.10346 6.25933 5.80814 6.11605 5.47559 5.85156C5.15002 5.93763 4.75929 6.08235 4.29492 6.30762C4.04381 6.69513 3.77277 7.01599 3.53613 7.21191C3.41289 7.31389 3.27722 7.40084 3.14648 7.42969C3.07796 7.44475 2.99116 7.44802 2.90723 7.40723C2.81905 7.36423 2.76596 7.28895 2.73926 7.21094C2.67222 7.0143 2.72168 6.83085 2.81934 6.68359C2.91296 6.54266 3.05555 6.42492 3.20215 6.33008C3.45955 6.16371 3.77752 6.03747 4.02246 5.96094C4.22885 5.62281 4.41252 5.23887 4.53613 4.83984C4.1983 4.32254 4.12377 3.86071 4.18848 3.50586C4.2284 3.28778 4.32124 3.10785 4.43848 2.99316C4.49623 2.93685 4.57112 2.88503 4.6582 2.86523ZM3.42773 6.68066C3.30384 6.76088 3.21551 6.84118 3.16699 6.91406C3.14896 6.94125 3.13796 6.96609 3.13184 6.98828C3.1677 6.96745 3.21492 6.93662 3.27051 6.89062C3.35531 6.82038 3.4478 6.72485 3.54688 6.6123C3.50639 6.63474 3.46507 6.65654 3.42773 6.68066ZM6.06055 5.75C6.21015 5.83529 6.33965 5.88303 6.44824 5.90625C6.60076 5.93881 6.71206 5.92193 6.79004 5.89062C6.70435 5.8263 6.55672 5.76132 6.31348 5.74609C6.23776 5.74139 6.15345 5.74345 6.06055 5.75ZM4.83887 5.23828C4.77897 5.39731 4.71068 5.55138 4.63867 5.69922C4.80504 5.63148 4.96185 5.57206 5.11035 5.52441C5.02749 5.44237 4.94127 5.35369 4.85449 5.25684C4.84909 5.2508 4.8442 5.2443 4.83887 5.23828ZM4.66016 3.3916C4.63543 3.44037 4.6128 3.50364 4.59863 3.58105C4.57018 3.7371 4.57875 3.95078 4.67578 4.20996C4.71097 3.93328 4.70954 3.65725 4.66016 3.3916ZM6.44238 2.72461H7.07129L6.44238 2.09961V2.72461Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8773_6892" }, h("rect", { width: "10", height: "10", fill: "white" })))));
@@ -637,8 +373,8 @@ const pdf = {
 };
 
 var Pdf = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    pdf: pdf
+  __proto__: null,
+  pdf: pdf
 });
 
 const Search8 = (props) => {
@@ -673,8 +409,8 @@ const search = {
 };
 
 var Search = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    search: search
+  __proto__: null,
+  search: search
 });
 
 const Youtube20 = (props) => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_13895_22389)" }, h("path", { d: "M16.668 5C17.5884 5 18.335 5.74652 18.335 6.66699V13.333C18.335 14.2535 17.5884 15 16.668 15H3.33496C2.41449 15 1.66797 14.2535 1.66797 13.333V6.66699C1.66797 5.74652 2.41449 5 3.33496 5H16.668ZM9.0752 7.71582C8.93675 7.62356 8.75098 7.72327 8.75098 7.88965V12.1104C8.75098 12.2767 8.93675 12.3764 9.0752 12.2842L12.2412 10.1738C12.3649 10.0914 12.3649 9.90864 12.2412 9.82617L9.0752 7.71582Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_13895_22389" }, h("rect", { width: "20", height: "20", fill: "white" })))));
@@ -684,8 +420,8 @@ const youtube = {
 };
 
 var Youtube = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    youtube: youtube
+  __proto__: null,
+  youtube: youtube
 });
 
 const Icons = {
@@ -736,7 +472,7 @@ const SdIcon = class {
     }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (h("i", { key: '9d53cc78e1433e03e0329dc59b2fcb704dfc5229', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'f2e0c3c9eec1efb16a6aa703ae7e112b89a90876', color: this.resolvedColor })));
+        return (h("i", { key: 'e9b6db9025ea08dd24e82dc0f37090109b707a12', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: '03592c460972f9ea07cb6b86c8dcbbf1f52bb9ff', color: this.resolvedColor })));
     }
 };
 SdIcon.style = sdIconCss;
@@ -838,7 +574,7 @@ const SdPortal = class {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: 'b1a22a7a0865bf3984f79148dd6c97fce0268ca4' });
+        return h("slot", { key: '1cd6fdea1437dfb749536e76cd5edb8622d0d8c8' });
     }
 };
 

package/dist/esm/sd-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DVhJrGoi.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DON0UcbL.js';
 
 const sdCheckboxCss = ".sd-checkbox.sc-sd-checkbox{line-height:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px;position:relative;cursor:pointer}.sd-checkbox.sc-sd-checkbox>input.sc-sd-checkbox{display:none}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg.sc-sd-checkbox{background:#005cc9}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg.sc-sd-checkbox{border:1px solid #0075ff;background:#d9eaff}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg.sc-sd-checkbox{border:1px solid transparent;background:#eeeeee}.sd-checkbox__bg.sc-sd-checkbox{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}.sd-checkbox__label.sc-sd-checkbox{font-size:12px;color:#333333;line-height:20px}.sd-checkbox--checked.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}.sd-checkbox--checked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{border:0;background:#0075ff}.sd-checkbox--unchecked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:white}.sd-checkbox--disabled.sc-sd-checkbox{cursor:not-allowed}.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}";
 
@@ -67,7 +67,7 @@ const SdCheckbox = class {
         this.sdChange.emit(newValue);
     };
     render() {
-        return (h(Host, { key: 'bad008e2f4b4bbc0c1c46b525ee16b9852c3267f' }, h("label", { key: 'bf03af829477bbd34b5e119dcc769b8c0c8d661b', class: this.getCheckboxClasses() }, h("input", { key: 'b543615e4371db97140e9eec5cfd01316b6cc944', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: this.handleChange }), h("div", { key: 'cd5d958422878d37fad90bfc7ce5a99adb668f9d', class: "sd-checkbox__bg", style: this.checkboxStyle }, this.isChecked ? (h("sd-icon", { name: "check", size: 12, color: this.disabled ? '#888888' : 'white' })) : null), this.label && h("span", { key: 'f1ad9310808024cb6d0f716dfc4cf06e056aba74', class: "sd-checkbox__label" }, this.label))));
+        return (h(Host, { key: '126d946853dc962cf660a9dbae2c002b7c003606' }, h("label", { key: 'cb1a6a8e427bf199789e3fe594fd01a5f618c0eb', class: this.getCheckboxClasses() }, h("input", { key: '701bb2f8e0434b81f762d36e8b16704e982c6028', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: this.handleChange }), h("div", { key: 'cb03ca961f3118d86b3679a1ae179cf9d90cfa6c', class: "sd-checkbox__bg", style: this.checkboxStyle }, this.isChecked ? (h("sd-icon", { name: "check", size: 12, color: this.disabled ? '#888888' : 'white' })) : null), this.label && h("span", { key: '208435a51caac8190ab8a7fae0a0e98cb6d38ea3', class: "sd-checkbox__label" }, this.label))));
     }
     static get watchers() { return {
         "checked": ["watchValueHandler"]