@sellmate/design-system 0.0.11 → 0.0.13

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

@@ -0,0 +1,219 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DON0UcbL.js';
+import { r as resolveColor } from './resolveColor-CswQ9y2Q.js';
+import './color-CgyTlXBV.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}";
+
+const ICON_SIZES = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+};
+const SdButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sdClick = createEvent(this, "sdClick");
+    }
+    get el() { return getElement(this); }
+    variant = 'primary';
+    size = 'sm';
+    color = '#025497';
+    label = '';
+    disabled = false;
+    type = 'button';
+    icon;
+    iconColor;
+    iconSize;
+    iconRight;
+    noHover = false;
+    buttonStyle = {};
+    iconStyle = {};
+    sdClick;
+    handleClick = (event) => {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.sdClick.emit(event);
+    };
+    getButtonClasses() {
+        const classes = ['sd-button'];
+        classes.push(`sd-button--${this.variant}`);
+        classes.push(`sd-button--${this.size}`);
+        classes.push(`sd-button--color-${this.color}`);
+        if (this.disabled) {
+            classes.push('sd-button--disabled');
+        }
+        if (!this.label && (this.icon || this.iconRight)) {
+            classes.push('sd-button--icon-only');
+        }
+        if (this.noHover) {
+            classes.push('sd-button--no-hover');
+        }
+        return classes.join(' ');
+    }
+    render() {
+        const buttonClasses = this.getButtonClasses();
+        // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)
+        const resolvedColor = resolveColor(this.color);
+        return (h(Host, { key: 'ae4e4c2b3255ee21487bd857f84c8bfa31b93a41' }, h("button", { key: 'c45695065034c68c6f61bd820163f8a50572d99e', class: buttonClasses, type: this.type, disabled: this.disabled, onClick: this.handleClick, style: { '--button-color': resolvedColor, ...this.buttonStyle } }, h("div", { key: '13500c7e0f7476ba9e111a3b31ee3578018fb572', class: "sd-button__content" }, this.icon && (h("sd-icon", { key: 'dbf632796e8f199b93db99c26b3d7bc53e30c375', class: "sd-button__icon sd-button__icon--left", name: this.icon, size: this.iconSize ? this.iconSize : ICON_SIZES[this.size], color: this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor })), this.label && h("div", { key: '6703a0377d5f8eafea62a61a5987abeba10dcaf3', class: "sd-button__label" }, this.label), this.iconRight && (h("sd-icon", { key: 'a5071037fad2e76a4ffd94df547948b9192defe8', class: "sd-button__icon sd-button__icon--right", name: this.iconRight, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : resolvedColor }))))));
+    }
+};
+SdButton.style = sdButtonCss;
+
+const SdTooltipPortal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sdClose = createEvent(this, "sdClose");
+    }
+    get el() { return getElement(this); }
+    to = 'body';
+    parentRef = null;
+    offset = [0, 0];
+    zIndex = 9999;
+    placement = 'bottom';
+    open = false;
+    sdClose;
+    container;
+    wrapper;
+    rafId;
+    isInsideClick = false;
+    resizeObserver;
+    mutationObserver;
+    static ARROW_SIZE = 11.2;
+    componentDidLoad() {
+        this.container = this.resolveContainer();
+        this.createWrapper();
+        this.moveSlotContent();
+        // DOM이 완전히 렌더링된 후 위치 계산
+        requestAnimationFrame(() => {
+            this.updatePosition();
+            if (this.wrapper) {
+                this.wrapper.style.visibility = 'visible'; // 위치 계산 후 표시
+            }
+        });
+        this.observeParent();
+    }
+    componentDidRender() {
+        if (!this.wrapper)
+            return;
+        // this.wrapper.style.display = this.open ? 'block' : 'none';
+        // if (this.open) this.updatePosition();
+        if (this.open) {
+            this.wrapper.style.display = 'block';
+            // RAF를 사용해서 다음 프레임에 위치 업데이트
+            requestAnimationFrame(() => {
+                this.updatePosition();
+                if (this.wrapper) {
+                    this.wrapper.style.visibility = 'visible';
+                }
+            });
+        }
+        else {
+            this.wrapper.style.display = 'none';
+            this.wrapper.style.visibility = 'hidden';
+        }
+    }
+    disconnectedCallback() {
+        if (this.rafId)
+            cancelAnimationFrame(this.rafId);
+        this.unobserveParent();
+        this.wrapper?.remove();
+    }
+    resolveContainer() {
+        const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;
+        return el instanceof HTMLElement ? el : document.body;
+    }
+    createWrapper() {
+        this.wrapper = document.createElement('div');
+        Object.assign(this.wrapper.style, {
+            position: 'absolute',
+            zIndex: this.zIndex.toString(),
+            transition: 'opacity 0.4s',
+            top: '-9999px',
+            left: '-9999px',
+        });
+        this.container.appendChild(this.wrapper);
+    }
+    moveSlotContent() {
+        if (!this.wrapper)
+            return;
+        const nodes = Array.from(this.el.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);
+        nodes.forEach(n => this.wrapper.appendChild(n));
+    }
+    // 위치 갱신 (scroll / resize)
+    updatePosition() {
+        if (this.rafId)
+            cancelAnimationFrame(this.rafId);
+        this.rafId = requestAnimationFrame(() => {
+            if (!this.parentRef || !this.wrapper)
+                return;
+            const rect = this.parentRef.getBoundingClientRect();
+            if (!rect.width && !rect.height)
+                return; // 요소가 보이지 않는 경우
+            const [offsetX, offsetY] = this.offset;
+            const ARROW_SIZE = SdTooltipPortal.ARROW_SIZE;
+            let top = 0;
+            let left = 0;
+            switch (this.placement) {
+                case 'top':
+                    top = rect.top + window.scrollY - this.wrapper.offsetHeight + offsetY - ARROW_SIZE;
+                    left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;
+                    break;
+                case 'bottom':
+                    top = rect.bottom + window.scrollY + offsetY + ARROW_SIZE;
+                    left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;
+                    break;
+                case 'left':
+                    top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;
+                    left = rect.left + window.scrollX - this.wrapper.offsetWidth - offsetX - ARROW_SIZE;
+                    break;
+                case 'right':
+                    top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;
+                    left = rect.right + window.scrollX + offsetX + ARROW_SIZE;
+                    break;
+            }
+            Object.assign(this.wrapper.style, {
+                top: `${top}px`,
+                left: `${left}px`,
+            });
+        });
+    }
+    // parentRef의 이동 / 크기변경 감지
+    observeParent() {
+        if (!this.parentRef)
+            return;
+        this.resizeObserver = new ResizeObserver(() => this.updatePosition());
+        this.resizeObserver.observe(this.parentRef);
+        this.mutationObserver = new MutationObserver(() => this.updatePosition());
+        this.mutationObserver.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+    }
+    unobserveParent() {
+        this.resizeObserver?.disconnect();
+        this.mutationObserver?.disconnect();
+    }
+    // 외부 클릭 감지
+    handleMouseDown(e) {
+        this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target));
+    }
+    handleWindowClick(e) {
+        if (this.isInsideClick) {
+            this.isInsideClick = false;
+            return;
+        }
+        if (this.wrapper?.contains(e.target))
+            return;
+        this.sdClose.emit();
+    }
+    render() {
+        return h("slot", { key: '04e02ba53bc52d5377071b352159ebbf84a0141c' });
+    }
+};
+
+export { SdButton as sd_button, SdTooltipPortal as sd_tooltip_portal };
+//# sourceMappingURL=sd-button.sd-tooltip-portal.entry.js.map