sellmate-design-system-react 9.0.0-beta.72 → 9.0.0-beta.74

package/dist/index.js

@@ -4857,6 +4857,7 @@ var cssLen = (v) => v === void 0 || v === "" || v === 0 ? void 0 : typeof v ===
 var SField = /* @__PURE__ */ forwardRef(function SField2({
   name,
   label = "",
+  subLabel = "",
   icon,
   iconColor,
   labelTooltip = "",
@@ -4978,6 +4979,16 @@ var SField = /* @__PURE__ */ forwardRef(function SField2({
                     }
                   ),
                   /* @__PURE__ */ jsx("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", children: label }),
+                  subLabel !== "" && // field 라벨 토큰이 아니라 기본 타이포 토큰을 쓴다 — 보조 라벨은 굵기·색이 라벨과
+                  // 따로 가므로 field 토큰에 묶지 않는다. 크기도 size 와 무관하게 body/sm 고정.
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "typo-body-sm-medium shrink-0 whitespace-nowrap text-(--sys-color-fg-secondary)",
+                      style: { marginLeft: s.labelGap },
+                      children: subLabel
+                    }
+                  ),
                   (labelTooltip !== "" || labelTooltipProps) && /* @__PURE__ */ jsx("span", { className: "shrink-0 flex items-center", style: { marginLeft: s.labelGap }, children: /* @__PURE__ */ jsx(
                     STooltip2,
                     {
@@ -5094,6 +5105,7 @@ var STextarea = /* @__PURE__ */ forwardRef(function STextarea2({
   textareaStyle,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -5154,6 +5166,7 @@ var STextarea = /* @__PURE__ */ forwardRef(function STextarea2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -6863,8 +6876,11 @@ var LOGO_NAMES = [
   "console"
 ];
 var LOGO_MODES = ["light", "dark"];
+var LOGO_DIRECTIONS = ["horizontal", "vertical"];
 var LOGO_DEFAULT_SIZE = 24;
 var LOGO_VIEWBOX_HEIGHT = 50;
+var WORDMARK_WIDTH = 347;
+var VERTICAL_VIEWBOX_HEIGHT = 110;
 var WORDMARK_COLOR = { light: "#002B5E", dark: "#FFFFFF" };
 var WORDMARK_PATH = "M83.8174 10.4434C89.4634 10.4434 93.6456 11.4846 96.2578 13.5332V13.5215C98.9637 15.6521 100.334 18.8951 100.334 23.1328V30.6367C100.334 32.2288 100.041 33.365 99.4434 34.1025C98.7639 34.9217 97.5693 35.3193 95.7656 35.3193H64.4414V36.2324C64.4414 38.7727 66.5031 40.8338 69.0449 40.834H98.0615V50H67.3467C60.5055 50 54.9414 44.4393 54.9414 37.6025V23.1445C54.9415 14.7159 60.4937 10.4435 71.4463 10.4434H83.8174ZM119.426 50H109.914V0H119.426V50ZM138.509 50H128.997V0H138.509V50ZM190.86 10.4434C195.335 10.4434 201.603 11.2504 204.496 13.5332H204.508C207.249 15.6989 208.643 18.9302 208.643 23.1445V50H199.131V23.1445C199.131 22.2198 198.732 21.4827 197.854 20.8389C196.881 20.1131 193.59 19.7383 190.849 19.7383C185.835 19.7383 182.93 20.2882 182.93 23.1445V50H173.418V23.1445C173.418 19.9956 169.833 19.7383 165.499 19.7383C163.039 19.7383 159.724 20.0312 158.459 20.8623C157.616 21.4125 157.205 22.1612 157.205 23.1445V50H147.693V23.1445C147.693 18.8951 149.087 15.6638 151.828 13.5332C154.44 11.5079 160.673 10.4434 165.464 10.4434C169.658 10.4434 175.28 11.3331 178.15 13.2998C181.138 11.3448 186.737 10.4434 190.86 10.4434ZM246.41 10.4434C257.515 10.4434 262.915 14.5988 262.915 23.1445V37.2979C262.915 46.3823 264.766 50 246.41 50H231.837C221.341 49.9999 215.32 45.0946 215.32 36.5488C215.32 27.3708 220.334 23.0977 231.088 23.0977H253.298C253.192 21.9039 252.783 21.0845 252.068 20.6279C250.897 19.8787 249.093 19.7383 246.188 19.7383H219.748V10.4434H246.41ZM287.023 0.678711V10.4424H296.899V19.7256H287.023V50H277.512L277.5 49.3203V19.7256H267.625V10.4424H277.5V0H287.012L287.023 0.678711ZM330.494 10.4434C336.14 10.4434 340.323 11.4845 342.936 13.5332L342.924 13.5215C345.63 15.6521 347 18.8951 347 23.1328V30.6367C347 32.2288 346.707 33.365 346.109 34.1025C345.43 34.9217 344.235 35.3193 342.432 35.3193H311.107V36.2324C311.107 38.7727 313.169 40.8339 315.711 40.834H344.728V50H314.013C307.172 50 301.607 44.4393 301.607 37.6025V23.1445C301.607 14.7158 307.171 10.4434 318.124 10.4434H330.494ZM44.1045 9.75195H17.0557C14.1859 9.75197 12.4995 9.93955 11.2109 10.9463C10.2269 11.7072 9.78125 12.9013 9.78125 14.7627C9.78133 16.6238 10.227 17.7948 11.2109 18.5439C12.2536 19.3398 14.2682 19.7607 17.0557 19.7607H29.6953C40.4723 19.7607 46.9041 24.9821 46.9043 34.874C46.9043 44.7662 39.7115 49.9882 26.1113 49.9883C6.92574 49.9883 0.528747 45.0722 0.257812 44.8604L0 44.6611V34.6289L1.07812 35.3896C1.16832 35.4617 8.85573 40.7041 26.2637 40.7041C30.9727 40.7041 34.194 40.0132 35.8457 38.6318C36.7241 37.8943 37.123 36.7353 37.123 34.8857C37.123 32.8841 36.6304 31.4797 35.6816 30.7305C34.1471 29.513 31.5579 29.4776 29.8594 29.5127H17.208C6.43122 29.5126 0.000224126 24.0107 0 14.7627C0 5.51444 6.43103 9.51659e-05 17.208 0H44.1045V9.75195ZM232.048 32.3691C228.393 32.3692 224.832 32.6741 224.832 36.4199C224.832 39.3465 227.128 40.705 232.048 40.7051H246.188C248.858 40.7051 251.412 40.8566 252.513 40.0957C253.497 39.4167 253.403 38.1524 253.403 37.2979V32.3691H232.048ZM71.6572 19.7266C68.9866 19.7266 66.9957 20.1249 65.8828 20.874C64.8989 21.5413 64.4415 22.2549 64.4414 23.1445V26.1533H90.8223V23.1328C90.8222 22.091 90.3883 21.3422 89.4512 20.7686C88.3501 20.0896 86.3356 19.7266 83.6064 19.7266H71.6572ZM318.335 19.7148C315.664 19.7149 313.672 20.1131 312.56 20.8623C311.576 21.5295 311.119 22.2433 311.119 23.1328V26.1416H337.5V23.1211C337.5 22.0793 337.066 21.3304 336.129 20.7568C335.028 20.0779 333.013 19.7149 330.284 19.7148H318.335Z";
 var LOGOS = {
@@ -6882,6 +6898,17 @@ var LOGOS = {
       {
         d: "M561.399 0L560.801 5.24121C560.605 6.85553 560.386 8.51663 560.156 10.1777L560.122 10.4238H526.99C524.722 10.4238 523.18 10.8099 522.42 11.5586C521.66 12.3073 521.269 13.6294 521.269 15.5127C521.269 17.396 521.649 18.7416 522.42 19.5137C523.191 20.2857 524.723 20.6836 526.99 20.6836H546.435C549.462 20.6836 552.052 20.9403 554.136 21.4434C556.242 21.9464 557.97 22.7538 559.271 23.8301C560.583 24.918 561.538 26.2988 562.113 27.9482H562.137C562.712 29.5743 563 31.5048 563 33.6924V35.4121C563 38.0676 562.712 40.3489 562.137 42.1855C561.55 44.0572 560.617 45.5782 559.328 46.7363C558.05 47.8828 556.357 48.7245 554.285 49.2393C552.248 49.7423 549.75 50 546.86 50H512.209V49.6963C512.301 48.0702 512.416 46.4435 512.531 44.8408C512.646 43.2383 512.75 41.624 512.865 39.998V39.7285H546.227C547.493 39.7285 548.552 39.6471 549.393 39.4834C550.21 39.3313 550.855 39.0501 551.315 38.6523C551.764 38.2663 552.087 37.7399 552.282 37.0967C552.478 36.4416 552.582 35.5871 552.582 34.5576C552.582 32.5923 552.167 31.235 551.338 30.498C550.497 29.7613 548.852 29.3868 546.435 29.3867H526.714C523.778 29.3867 521.292 29.1182 519.323 28.5801C517.332 28.0536 515.697 27.1992 514.465 26.0762C513.222 24.9415 512.323 23.5027 511.794 21.7832C511.264 20.0869 511 18.0742 511 15.8047V14.1553C511 11.6986 511.264 9.53401 511.794 7.74414C512.324 5.93095 513.234 4.43355 514.5 3.29883C515.755 2.17597 517.424 1.334 519.461 0.795898C521.476 0.26946 524.009 8.0359e-07 526.99 0H561.399Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M98.0289 70.1594L107.841 99.8594L118.43 70H126.508L136.875 99.9156L147.02 70H156.294L156.182 70.318L141.42 110H132.786L122.464 81.0289L111.865 110H103.278L103.222 109.841L88.7 70H97.9734L98.0289 70.1594Z"
+      },
+      {
+        d: "M185.302 101.281L199.843 70H208.486V110H200.956V84.9297L188.92 110H181.51L169.529 84.9297V110H161.998V70H170.809L185.302 101.281Z"
+      },
+      {
+        d: "M257.02 70L256.541 74.193C256.384 75.4844 256.209 76.8133 256.025 78.1422L255.998 78.3391H229.492C227.678 78.3391 226.444 78.6479 225.836 79.2469C225.228 79.8459 224.915 80.9035 224.915 82.4102C224.915 83.9168 225.219 84.9933 225.836 85.6109C226.453 86.2285 227.678 86.5469 229.492 86.5469H245.048C247.47 86.5469 249.542 86.7523 251.209 87.1547C252.894 87.5571 254.276 88.203 255.316 89.0641C256.366 89.9344 257.13 91.0391 257.591 92.3586H257.609C258.07 93.6594 258.3 95.2039 258.3 96.9539V98.3297C258.3 100.454 258.07 102.279 257.609 103.748C257.14 105.246 256.394 106.463 255.363 107.389C254.34 108.306 252.986 108.98 251.328 109.391C249.698 109.794 247.7 110 245.388 110H217.667V109.757C217.741 108.456 217.833 107.155 217.925 105.873C218.017 104.591 218.1 103.299 218.192 101.998V101.783H244.881C245.894 101.783 246.742 101.718 247.414 101.587C248.068 101.465 248.584 101.24 248.952 100.922C249.311 100.613 249.569 100.192 249.726 99.6773C249.882 99.1532 249.966 98.4697 249.966 97.6461C249.966 96.0739 249.633 94.988 248.97 94.3984C248.298 93.809 246.981 93.5094 245.048 93.5094H229.271C226.923 93.5094 224.933 93.2946 223.359 92.8641C221.765 92.4429 220.457 91.7594 219.472 90.8609C218.477 89.9532 217.759 88.8022 217.335 87.4266C216.912 86.0695 216.7 84.4594 216.7 82.6438V81.3242C216.7 79.3589 216.912 77.6272 217.335 76.1953C217.759 74.7448 218.487 73.5468 219.5 72.6391C220.504 71.7408 221.839 71.0672 223.469 70.6367C225.08 70.2156 227.107 70 229.492 70H257.02Z"
+      }
     ]
   },
   chat: {
@@ -6901,6 +6928,21 @@ var LOGOS = {
       {
         d: "M424.894 16.1698C426.291 15.543 428.005 15.2803 429.741 15.2803H441.435C444.054 15.2804 446.304 15.5295 448.175 16.0376L448.545 16.143L448.548 16.1439C450.489 16.7371 452.071 17.6299 453.266 18.8821L453.485 19.1167C454.558 20.3078 455.327 21.7749 455.814 23.4796C456.331 25.2896 456.578 27.4149 456.578 29.8311V49.0196H446.156V28.7234C446.156 26.9489 445.798 25.7285 445.151 24.9741L445.148 24.9703C444.545 24.2537 443.362 23.81 441.435 23.8099H429.741C427.814 23.81 426.632 24.2537 426.029 24.9703L426.026 24.9741C425.378 25.7285 425.021 26.9489 425.021 28.7234V49.0196H414.599V0H424.894V16.1698Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M125.89 70C133.205 70 139.146 75.8336 139.146 83.0415V83.4337H130.968V83.0415C130.968 80.2897 128.704 78.0545 125.89 78.0545H113.495C110.056 78.0545 107.269 80.7955 107.269 84.1713V95.8287C107.269 99.196 110.047 101.945 113.495 101.945H125.89C128.704 101.945 130.968 99.7103 130.968 96.9585V96.5663H139.146V96.9585C139.146 104.166 133.205 110 125.89 110H112.719C105.199 110 99.1 104.001 99.1 96.6V83.4C99.1 75.9992 105.209 70.0001 112.719 70H125.89Z"
+      },
+      {
+        d: "M206.055 79.0196C214.108 79.0196 218.024 82.2331 218.024 88.8411V99.7863C218.024 106.811 219.366 109.608 206.055 109.608H195.489C187.878 109.608 183.512 105.815 183.512 99.2065C183.512 92.1094 187.147 88.8051 194.945 88.8051H211.05C210.973 87.8819 210.676 87.2479 210.158 86.8949C209.308 86.3157 208 86.2071 205.894 86.2071H186.722V79.0196H206.055ZM195.641 95.975C192.991 95.975 190.409 96.2103 190.409 99.1069C190.409 101.37 192.074 102.42 195.641 102.42H205.894C207.83 102.42 209.682 102.538 210.481 101.949C211.194 101.424 211.126 100.447 211.126 99.7863V95.975H195.641Z",
+        evenOdd: true
+      },
+      {
+        d: "M239.168 70.9245V78.5823H247.9V85.8632H239.168V109.608H231.514L231.505 109.076V85.8632H222.773V78.5823H231.505V70.3922H239.159L239.168 70.9245Z"
+      },
+      {
+        d: "M153.709 82.9358C154.833 82.4344 156.211 82.2243 157.608 82.2243H167.013C169.12 82.2243 170.929 82.4236 172.434 82.8301L172.732 82.9144L172.734 82.9151C174.295 83.3897 175.568 84.1039 176.529 85.1057L176.705 85.2934C177.568 86.2462 178.187 87.4199 178.579 88.7837C178.994 90.2317 179.193 91.9319 179.193 93.8649V109.216H170.81V92.9787C170.81 91.5591 170.523 90.5828 170.002 89.9793L169.999 89.9763C169.514 89.403 168.563 89.048 167.013 89.0479H157.608C156.058 89.048 155.107 89.403 154.622 89.9763L154.619 89.9793C154.098 90.5828 153.811 91.5591 153.811 92.9787V109.216H145.428V70H153.709V82.9358Z"
+      }
     ]
   },
   plm: {
@@ -6915,6 +6957,16 @@ var LOGOS = {
       {
         d: "M484.591 37.0567L500.399 1.2724L500.527 0.980392H511V49.0196H501.601V21.29L489.079 48.7324L488.949 49.0196H480.034L479.903 48.7324L467.445 21.2996V49.0196H458.045V0.980392H468.705L484.591 37.0567Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M137.389 70C143.918 70.0001 149.257 75.1073 149.257 81.4131V87.3284C149.257 93.6261 143.926 98.7415 137.389 98.7416H123.769C122.293 98.7416 120.855 98.4788 119.485 97.9657V110H111.9V81.4131C111.9 77.8088 113.626 74.4977 116.621 72.3139C118.702 70.7984 121.178 70 123.769 70H137.389ZM123.769 77.3315C121.407 77.3315 119.501 79.1765 119.501 81.4208V87.3361C119.501 89.5804 121.407 91.4254 123.769 91.4254H137.389C139.751 91.4253 141.656 89.5803 141.656 87.3361V81.4208C141.656 79.1766 139.751 77.3316 137.389 77.3315H123.769Z",
+        evenOdd: true
+      },
+      { d: "M164.646 101.413H186.615V109.216H155.616V70.7843H164.646V101.413Z" },
+      {
+        d: "M213.694 99.6454L226.507 71.0179L226.611 70.7843H235.1V109.216H227.482V87.032L217.333 108.986L217.227 109.216H210.001L209.895 108.986L199.797 87.0397V109.216H192.179V70.7843H200.819L213.694 99.6454Z"
+      }
     ]
   },
   account: {
@@ -6945,6 +6997,31 @@ var LOGOS = {
       {
         d: "M694.581 0.479748L694.595 1.13585L694.596 1.14154V10.3772H705V19.8887H694.596V49.2718H684.991L684.986 49.0348L684.972 48.3787V19.8887H674.567V10.3772H684.972V0.242718H694.576L694.581 0.479748Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M103.65 75.8252C110.473 75.8252 116.092 80.8398 116.092 87.1245V87.9012H107.791V87.1245C107.791 85.1241 105.988 83.4261 103.65 83.4261H92.4371C89.533 83.4263 87.258 85.5448 87.2579 88.0636V97.7617C87.258 100.274 89.5261 102.399 92.4371 102.399H103.65C105.988 102.399 107.791 100.701 107.791 98.7007V97.924H116.092V98.7007C116.092 104.985 110.473 110 103.65 110H91.7364C84.7272 110 78.9654 104.847 78.9654 98.4026V87.4226C78.9654 80.9776 84.736 75.8254 91.7364 75.8252H103.65Z"
+      },
+      {
+        d: "M145.619 75.8252C152.442 75.8252 158.061 80.8398 158.061 87.1245V87.9012H149.76V87.1245C149.76 85.1241 147.957 83.4261 145.619 83.4261H134.406C131.502 83.4263 129.227 85.5448 129.227 88.0636V97.7617C129.227 100.274 131.495 102.399 134.406 102.399H145.619C147.957 102.399 149.76 100.701 149.76 98.7007V97.924H158.061V98.7007C158.061 104.985 152.442 110 145.619 110H133.706C126.697 110 120.935 104.847 120.935 98.4026V87.4226C120.935 80.9776 126.705 75.8254 133.706 75.8252H145.619Z"
+      },
+      {
+        d: "M77.0099 109.612H67.666L67.5572 109.387L67.4642 109.194L63.3696 100.751H43.5404L39.244 109.612H29.9L49.4841 70H57.4266L77.0099 109.612ZM46.8815 93.26H60.0789L53.4794 79.8953L46.8815 93.26Z",
+        evenOdd: true
+      },
+      {
+        d: "M216.687 97.4939C216.687 99.1122 216.999 100.239 217.573 100.938L217.575 100.941C218.073 101.56 219.006 101.948 220.49 101.994L220.794 101.999H230.922C232.583 101.999 233.61 101.601 234.141 100.941L234.143 100.938C234.718 100.239 235.029 99.1122 235.029 97.4939V76.9903H244.018V96.4904C244.018 98.6729 243.805 100.589 243.36 102.219C242.913 103.854 242.19 105.246 241.167 106.355C240.137 107.483 238.77 108.291 237.086 108.829L237.083 108.83C235.4 109.355 233.343 109.612 230.922 109.612H220.794C218.525 109.612 216.575 109.386 214.953 108.925L214.633 108.83L214.63 108.829C212.947 108.291 211.579 107.483 210.549 106.355L210.361 106.144C209.437 105.071 208.775 103.752 208.356 102.219C207.911 100.589 207.698 98.6729 207.698 96.4904V76.9903H216.687V97.4939Z"
+      },
+      {
+        d: "M273.699 76.2136C276.12 76.2136 278.178 76.4768 279.862 77.0146L279.865 77.0153C281.55 77.5667 282.918 78.3951 283.947 79.5502L284.135 79.7664C285.058 80.8639 285.719 82.2142 286.137 83.7826C286.582 85.45 286.794 87.4105 286.794 89.645V109.612H277.806V88.6173C277.806 86.9575 277.494 85.7989 276.918 85.0796L276.915 85.0766C276.416 84.4419 275.483 84.0451 274.002 83.998L273.699 83.9935H263.57C261.912 83.9935 260.886 84.3996 260.354 85.0766L260.351 85.0796C259.775 85.7989 259.463 86.9575 259.463 88.6173V109.612H250.475V89.645C250.475 87.4105 250.687 85.45 251.132 83.7826C251.578 82.1095 252.3 80.6848 253.322 79.5502C254.351 78.3951 255.719 77.5667 257.404 77.0153L257.407 77.0146C259.091 76.4768 261.149 76.2136 263.57 76.2136H273.699Z"
+      },
+      {
+        d: "M188.878 76.4078C196.474 76.4078 202.654 82.2571 202.654 89.4607V96.3645C202.654 103.568 196.474 109.417 188.878 109.417H176.478C168.882 109.417 162.702 103.568 162.702 96.3645V89.4607C162.702 82.2571 168.882 76.4078 176.478 76.4078H188.878ZM176.488 84.4319C173.553 84.4319 171.166 86.6887 171.166 89.4607V96.3645C171.166 99.137 173.553 101.402 176.488 101.402H188.888C191.822 101.402 194.209 99.1369 194.209 96.3645V89.4607C194.209 86.6887 191.823 84.432 188.888 84.4319H176.488Z",
+        evenOdd: true
+      },
+      {
+        d: "M308.451 70.3838L308.463 70.9087L308.464 70.9132V78.3017H317.1V85.911H308.464V109.417H300.491L300.487 109.228L300.476 108.703V85.911H291.839V78.3017H300.476V70.1942H308.447L308.451 70.3838Z"
+      }
     ]
   },
   people: {
@@ -6972,6 +7049,29 @@ var LOGOS = {
         d: "M615.233 9.99317C620.953 9.99318 625.203 11.0425 627.85 13.118H627.862C630.609 15.2717 632 18.5412 632 22.8262V30.404C632 32.0219 631.708 33.1599 631.091 33.9075C630.418 34.7331 629.196 35.1351 627.368 35.1352H595.572V36.0613C595.572 38.6168 597.658 40.7036 600.238 40.7036H629.689V49.9658H598.511C591.569 49.9658 585.916 44.3418 585.916 37.4344V22.8262C585.916 14.3118 591.557 9.99317 602.672 9.99317H615.233ZM602.896 19.3784C600.182 19.3784 598.162 19.7799 597.03 20.5387C596.032 21.197 595.572 21.9336 595.572 22.8262V25.8729H622.344V22.8262C622.344 21.7662 621.894 21.0077 620.952 20.4274C619.842 19.7468 617.779 19.3784 615.02 19.3784H602.896Z",
         evenOdd: true
       }
+    ],
+    vertical: [
+      {
+        d: "M89.2063 70.3997C95.675 70.3998 100.947 75.6639 100.947 82.1401V88.2266C100.947 94.6945 95.6834 99.9669 89.2063 99.967H75.7406C74.2834 99.967 72.8647 99.6975 71.5133 99.1722V110H64V82.1401C64 78.4371 65.7039 75.0315 68.6656 72.7833C70.724 71.2229 73.1749 70.3998 75.7406 70.3997H89.2063ZM75.7406 77.936C73.4194 77.9361 71.5289 79.8262 71.5289 82.1479V88.2352C71.529 90.5569 73.4195 92.4471 75.7406 92.4472H89.2063C91.5274 92.4471 93.4179 90.5569 93.418 88.2352V82.1479C93.418 79.8262 91.5275 77.936 89.2063 77.936H75.7406Z",
+        evenOdd: true
+      },
+      {
+        d: "M214.806 70.3997C221.275 70.3998 226.547 75.6639 226.547 82.1401V88.2266C226.547 94.6945 221.283 99.9669 214.806 99.967H201.341C199.883 99.967 198.465 99.6975 197.113 99.1722V110H189.6V82.1401C189.6 78.4371 191.304 75.0315 194.266 72.7833C196.324 71.2229 198.775 70.3998 201.341 70.3997H214.806ZM201.341 77.936C199.019 77.9361 197.129 79.8262 197.129 82.1479V88.2352C197.129 90.5569 199.02 92.4471 201.341 92.4472H214.806C217.127 92.4471 219.018 90.5569 219.018 88.2352V82.1479C219.018 79.8262 217.127 77.936 214.806 77.936H201.341Z",
+        evenOdd: true
+      },
+      {
+        d: "M128.611 77.9945C133.178 77.9945 136.572 78.834 138.686 80.4944H138.695C140.889 82.2174 142 84.8329 142 88.261V94.3232C142 95.6175 141.767 96.5279 141.274 97.126C140.737 97.7865 139.761 98.1081 138.302 98.1081H112.911V98.849C112.911 100.893 114.577 102.563 116.637 102.563H140.155V109.973H115.258C109.714 109.973 105.2 105.473 105.2 99.9475V88.261C105.2 81.4494 109.705 77.9945 118.58 77.9945H128.611ZM118.75 85.5027C116.583 85.5027 114.971 85.8239 114.066 86.431C113.269 86.9576 112.902 87.5468 112.902 88.261V90.6984H134.28V88.261C134.28 87.413 133.922 86.8061 133.17 86.342C132.283 85.7974 130.635 85.5027 128.432 85.5027H118.75Z",
+        evenOdd: true
+      },
+      {
+        d: "M171.495 77.9945C178.614 77.9945 184.4 83.6463 184.4 90.6V97.3672C184.4 104.321 178.614 109.973 171.495 109.973H159.705C152.586 109.973 146.8 104.321 146.8 97.3672V90.6C146.8 83.6463 152.586 77.9945 159.705 77.9945H171.495ZM159.714 85.48C156.821 85.4801 154.463 87.7743 154.463 90.6V97.3672C154.463 100.193 156.821 102.496 159.714 102.497H171.504C174.397 102.497 176.755 100.193 176.755 97.3672V90.6C176.755 87.7742 174.397 85.48 171.504 85.48H159.714Z",
+        evenOdd: true
+      },
+      { d: "M239.6 109.973H231.6V70H239.6V109.973Z" },
+      {
+        d: "M268.611 77.9945C273.178 77.9945 276.572 78.834 278.686 80.4944H278.695C280.889 82.2174 282 84.833 282 88.261V94.3232C282 95.6175 281.767 96.5279 281.274 97.126C280.737 97.7865 279.761 98.1081 278.302 98.1081H252.911V98.849C252.911 100.893 254.577 102.563 256.637 102.563H280.155V109.973H255.258C249.714 109.973 245.2 105.473 245.2 99.9475V88.261C245.2 81.4494 249.705 77.9945 258.58 77.9945H268.611ZM258.759 85.5027C256.592 85.5027 254.98 85.8239 254.075 86.431C253.278 86.9576 252.911 87.5469 252.911 88.261V90.6984H274.289V88.261C274.289 87.4129 273.93 86.8062 273.178 86.342C272.291 85.7974 270.644 85.5027 268.441 85.5027H258.759Z",
+        evenOdd: true
+      }
     ]
   },
   crm: {
@@ -6988,6 +7088,18 @@ var LOGOS = {
       {
         d: "M480.624 0.772545L496.453 37.1936L512.334 0.771561L512.466 0.471349H523V49.3921H513.542V21.182L500.97 49.0968L500.838 49.3921H491.87L479.228 21.1909V49.3921H469.77V0.471349H480.492L480.624 0.772545Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M133.165 70.3771C140.609 70.3772 146.656 76.1557 146.656 83.2957V83.6841H138.333V83.2957C138.333 80.5699 136.028 78.3558 133.165 78.3557H120.55C117.05 78.3557 114.214 81.0708 114.214 84.4147V95.9623C114.214 99.2979 117.041 102.021 120.55 102.021H133.165C136.028 102.021 138.333 99.8072 138.333 97.0814V96.693H146.656V97.0814C146.656 104.221 140.609 110 133.165 110H119.761C112.108 110 105.9 104.057 105.9 96.7264V83.6507C105.9 76.3197 112.117 70.3772 119.761 70.3771H133.165Z"
+      },
+      {
+        d: "M180.017 70C185.976 70 190.806 74.6958 190.806 80.4884V87.4807C190.806 93.2733 185.976 97.9691 180.017 97.9691H179.032L191.392 109.623H181.152L181.036 109.514L168.791 97.9691H163.235C162.268 97.9691 161.331 97.8428 160.438 97.6103V109.623H152.447V80.4884C152.447 74.6958 157.277 70 163.235 70H180.017ZM164.834 77.3923C162.406 77.3923 160.438 79.7054 160.438 81.6653V86.6807C160.438 89.0406 162.406 90.9538 164.834 90.9538H178.419C180.847 90.9538 182.814 89.0406 182.814 86.6807V81.6653C182.814 79.7054 180.847 77.3923 178.419 77.3923H164.834Z",
+        evenOdd: true
+      },
+      {
+        d: "M206.165 70.618L219.215 99.7549L232.307 70.6172L232.416 70.3771H241.1V109.514H233.303V86.9456L222.939 109.277L222.83 109.514H215.437L205.014 86.9527V109.514H197.218V70.3771H206.057L206.165 70.618Z"
+      }
     ]
   },
   work: {
@@ -7007,6 +7119,21 @@ var LOGOS = {
       {
         d: "M528.638 25.7913L543.344 14.3696H558.064L537.008 30.3712L556.918 49.6172H542.854L528.638 34.7999V49.6172H518.607V0H528.638V25.7913Z"
       }
+    ],
+    vertical: [
+      {
+        d: "M181.991 79.9234C188.815 79.9235 194.366 85.2739 194.366 91.8634V98.0601C194.366 104.65 188.815 110 181.991 110H171.058C164.233 110 158.681 104.65 158.681 98.0601V91.8634C158.681 85.2738 164.233 79.9234 171.058 79.9234H181.991ZM171.066 87.5715C168.605 87.5715 166.605 89.4986 166.605 91.8634V98.0601C166.605 100.426 168.606 102.36 171.066 102.361H181.999C184.459 102.361 186.46 100.426 186.46 98.0601V91.8634C186.46 89.4986 184.459 87.5715 181.999 87.5715H171.066Z",
+        evenOdd: true
+      },
+      {
+        d: "M99.486 70.1582L109.568 99.6308L120.451 70H128.751L139.406 99.6866L149.831 70H159.361L159.246 70.3155L144.075 109.694H135.203L124.597 80.9445L113.705 109.694H104.88L104.823 109.536L89.9 70H99.4293L99.486 70.1582Z"
+      },
+      {
+        d: "M204.13 82.64C209.037 79.6065 214.765 79.618 220.244 81.2313V81.2406L220.471 81.3081V88.2452L220.05 88.1382C218.443 87.7324 216.944 87.5296 215.477 87.5296C213.309 87.5296 211.486 87.8974 210.084 88.622C209.674 88.8539 208.529 89.4501 208.304 90.6408C208.079 91.8304 208.211 109.657 208.212 109.694H199.949L200.041 90.4477C200.041 87.6364 201.573 84.2244 204.13 82.64Z"
+      },
+      {
+        d: "M233.383 90.633L245.262 81.4957H257.152L240.144 94.2969L256.226 109.694H244.866L233.383 97.8399V109.694H225.281V70H233.383V90.633Z"
+      }
     ]
   },
   pos: {
@@ -7017,6 +7144,13 @@ var LOGOS = {
       {
         d: "M439.545 11.7628C447.981 11.7631 454.843 18.5639 454.843 26.9403V34.8225C454.843 43.1988 447.981 49.9997 439.545 50H426.022C417.587 49.9999 410.725 43.1989 410.725 34.8225V26.9403C410.725 18.5638 417.587 11.7629 426.022 11.7628H439.545ZM390.836 0C399.002 0.000227456 405.659 6.64402 405.659 14.8188V22.5076C405.659 30.6721 399.013 37.3262 390.836 37.3265H373.824C371.979 37.3265 370.182 36.9847 368.472 36.3181V49.999H359V14.8188C359 10.1446 361.151 5.84541 364.891 3.00766C367.489 1.03835 370.585 0 373.824 0H390.836ZM501.048 21.2354H474.319C473.434 21.2355 472.574 21.4983 471.942 21.8947C471.3 22.2979 470.947 22.801 470.947 23.2617C470.947 23.7228 471.301 24.2289 471.943 24.6346C472.575 25.0334 473.434 25.2977 474.319 25.2978H489.496C496.589 25.2978 502.545 29.8366 503.303 35.9169L503.338 36.1944H503.322C503.357 36.5504 503.377 36.913 503.377 37.2762C503.377 40.6971 501.616 43.9235 498.576 46.1541C495.295 48.5521 490.691 49.7525 485.024 49.7525C479.362 49.7524 470.412 48.5541 462.354 46.2025L461.875 46.0681L461.695 46.0169V36.3577L462.88 36.728L463.795 37.0084C473.176 39.8366 479.977 40.6266 484.689 40.5342C489.562 40.4387 492.18 39.4002 493.115 38.7167C494.068 38.0102 494.137 37.4367 494.137 37.2762C494.137 37.1887 494.136 37.124 494.129 37.0722L494.128 37.0664C494.053 36.4385 493.52 35.8008 492.655 35.3098C491.799 34.8246 490.666 34.5131 489.496 34.5131H474.319C467.388 34.5129 461.706 29.4868 461.706 23.2617C461.706 17.0365 467.388 12.0106 474.319 12.0103H501.048V21.2354ZM426.033 21.4712C422.983 21.4712 420.505 23.9273 420.505 26.9403V34.8225C420.505 37.8366 422.984 40.3013 426.033 40.3013H439.556C442.604 40.3009 445.083 37.8363 445.083 34.8225V26.9403C445.083 23.9275 442.606 21.4716 439.556 21.4712H426.033ZM373.824 9.49959C370.885 9.49959 368.492 11.892 368.492 14.8295V22.5173C368.492 25.455 370.885 27.8472 373.824 27.8472H390.836C393.775 27.8469 396.168 25.4549 396.168 22.5173V14.8295C396.168 11.8921 393.775 9.49982 390.836 9.49959H373.824Z"
       }
+    ],
+    // 세로 원본은 Light 도 Dark 와 같은 #4886FF 다(가로 Light 는 #64ABFF).
+    verticalColor: "#4886FF",
+    vertical: [
+      {
+        d: "M179.436 79.4103C186.184 79.4105 191.674 84.8511 191.674 91.5523V97.858C191.674 104.559 186.184 110 179.436 110H168.618C161.87 110 156.38 104.559 156.38 97.858V91.5523C156.38 84.851 161.869 79.4103 168.618 79.4103H179.436ZM140.469 70C147.002 70.0002 152.327 75.3152 152.327 81.8551V88.0061C152.327 94.5376 147.011 99.861 140.469 99.8612H126.859C125.383 99.8612 123.946 99.5878 122.577 99.0545V109.999H115V81.8551C115 78.1157 116.721 74.6763 119.712 72.4061C121.792 70.8307 124.268 70 126.859 70H140.469ZM228.639 86.9883H207.255C206.547 86.9884 205.859 87.1986 205.354 87.5158C204.84 87.8383 204.557 88.2408 204.557 88.6094C204.557 88.9783 204.841 89.3831 205.355 89.7076C205.86 90.0267 206.547 90.2381 207.255 90.2382H219.397C225.071 90.2382 229.836 93.8693 230.442 98.7335L230.47 98.9555H230.458C230.485 99.2403 230.502 99.5304 230.502 99.821C230.502 102.558 229.093 105.139 226.661 106.923C224.036 108.842 220.353 109.802 215.819 109.802C211.289 109.802 204.13 108.843 197.683 106.962L197.3 106.854L197.156 106.813V99.0862L198.104 99.3824L198.836 99.6067C206.34 101.869 211.782 102.501 215.551 102.427C219.45 102.351 221.544 101.52 222.292 100.973C223.054 100.408 223.109 99.9494 223.109 99.821C223.109 99.7509 223.109 99.6992 223.103 99.6578L223.102 99.6531C223.043 99.1508 222.616 98.6406 221.924 98.2478C221.239 97.8597 220.333 97.6105 219.397 97.6105H207.255C201.71 97.6103 197.165 93.5895 197.165 88.6094C197.165 83.6292 201.71 79.6085 207.255 79.6083H228.639V86.9883ZM168.626 87.177C166.186 87.177 164.204 89.1418 164.204 91.5523V97.858C164.204 100.269 166.187 102.241 168.626 102.241H179.445C181.884 102.241 183.866 100.269 183.867 97.858V91.5523C183.867 89.142 181.885 87.1773 179.445 87.177H168.626ZM126.859 77.5997C124.508 77.5997 122.594 79.5136 122.593 81.8636V88.0138C122.593 90.364 124.508 92.2777 126.859 92.2777H140.469C142.82 92.2776 144.734 90.3639 144.734 88.0138V81.8636C144.734 79.5137 142.82 77.5999 140.469 77.5997H126.859Z"
+      }
     ]
   },
   // 통합 콘솔 — 원본은 Dark 만 받았다. 표기 색(#0075FF)이 모드와 무관하게 같아 light 도 이 값을 쓴다.
@@ -7048,27 +7182,55 @@ var LOGOS = {
         d: "M650.719 12.0629C655.932 12.063 659.806 13.0329 662.218 14.9531H662.228C664.732 16.9456 666 19.9708 666 23.9352V30.9451C666 32.4421 665.733 33.495 665.171 34.1867C664.558 34.9506 663.444 35.3226 661.779 35.3227H632.8V36.1799C632.801 38.544 634.702 40.4748 637.053 40.4748H663.894V49.0437H635.479C629.152 49.0437 624 43.8398 624 37.4492V23.9352C624 16.058 629.142 12.0629 639.271 12.0629H650.719ZM639.475 20.7454C637.002 20.7454 635.162 21.1166 634.129 21.8186C633.22 22.4277 632.8 23.1093 632.8 23.9352V26.7537H657.199V23.9352C657.199 22.9545 656.79 22.2529 655.932 21.7161C654.92 21.0863 653.039 20.7454 650.525 20.7454H639.475Z",
         evenOdd: true
       }
+    ],
+    // 세로 원본은 Light·Dark 를 모두 받았다 — Light 가 1 만큼 오른쪽이지만 다른 로고처럼 Light 좌표로 쓴다.
+    vertical: [
+      {
+        d: "M157.621 79.901C159.602 79.901 161.307 80.1089 162.727 80.5345L163.007 80.6227L163.01 80.6235C164.484 81.1207 165.684 81.8688 166.587 82.9138L166.752 83.1088C167.562 84.101 168.141 85.3209 168.507 86.7358C168.896 88.2389 169.082 90.0047 169.082 92.015V110H161.156V91.0914C161.156 89.6045 160.884 88.5769 160.391 87.9432L160.389 87.9401C159.938 87.3487 159.061 86.9849 157.621 86.9848H148.792C147.351 86.9849 146.474 87.3487 146.023 87.9401L146.021 87.9432C145.528 88.5769 145.256 89.6045 145.256 91.0914V110H137.331V92.015C137.331 90.0047 137.516 88.2389 137.905 86.7358C138.296 85.2267 138.928 83.9397 139.825 82.9138C140.728 81.8688 141.928 81.1207 143.403 80.6235L143.405 80.6227C144.879 80.1377 146.678 79.901 148.792 79.901H157.621Z"
+      },
+      {
+        d: "M234.759 79.901C241.437 79.901 246.871 85.2535 246.871 91.8495V98.0515C246.871 104.647 241.437 110 234.759 110H224.057C217.38 110 211.945 104.647 211.945 98.0515V91.8495C211.945 85.2535 217.38 79.901 224.057 79.901H234.759ZM224.065 87.5534C221.653 87.5535 219.695 89.4839 219.695 91.8495V98.0515C219.695 100.418 221.654 102.356 224.065 102.356H234.768C237.179 102.356 239.138 100.418 239.138 98.0515V91.8495C239.138 89.4838 237.18 87.5534 234.768 87.5534H224.065Z",
+        evenOdd: true
+      },
+      {
+        d: "M119.561 79.7749C126.238 79.7749 131.673 85.1274 131.673 91.7234V97.9254C131.673 104.521 126.238 109.874 119.561 109.874H108.859C102.182 109.874 96.7467 104.521 96.7467 97.9254V91.7234C96.7467 85.1275 102.182 79.7751 108.859 79.7749H119.561ZM108.866 87.4273C106.454 87.4276 104.497 89.3579 104.497 91.7234V97.9254C104.497 100.292 106.455 102.23 108.866 102.23H119.569C121.981 102.23 123.939 100.292 123.939 97.9254V91.7234C123.939 89.3577 121.981 87.4273 119.569 87.4273H108.866Z",
+        evenOdd: true
+      },
+      {
+        d: "M206.144 87.215H184.88C184.177 87.2151 183.494 87.4223 182.992 87.736C182.481 88.0552 182.201 88.4529 182.201 88.816C182.201 89.1795 182.481 89.5794 182.993 89.9007C183.495 90.2163 184.177 90.4255 184.88 90.4255H196.953C202.595 90.4255 207.335 94.0208 207.938 98.8391L207.966 99.0633H207.954C207.981 99.3442 207.998 99.6302 207.998 99.9167C207.998 102.628 206.595 105.184 204.177 106.951C201.567 108.851 197.904 109.802 193.396 109.802C188.892 109.802 181.773 108.853 175.362 106.99L174.982 106.884L174.836 106.843V99.1848L175.096 99.2658L175.781 99.4791C183.621 101.9 189.261 102.57 193.13 102.494C197.004 102.418 199.085 101.596 199.828 101.055C200.587 100.495 200.641 100.042 200.641 99.9167C200.641 99.8473 200.641 99.7963 200.635 99.7556L200.634 99.7509C200.575 99.2554 200.153 98.7512 199.465 98.3625C198.785 97.9783 197.883 97.731 196.953 97.731H184.88C179.366 97.7309 174.845 93.7494 174.845 88.816C174.845 83.8826 179.366 79.9011 184.88 79.901H206.144V87.215Z"
+      },
+      {
+        d: "M78.5589 70C85.8122 70.0001 91.7042 75.7798 91.7042 82.9208V83.3168H83.5835V82.9208C83.5835 80.2006 81.3428 77.9906 78.5589 77.9904H66.274C62.8697 77.9904 60.1114 80.7006 60.1114 84.0385V95.5809C60.1114 98.9105 62.8612 101.629 66.274 101.629H78.5589C81.3426 101.629 83.5833 99.4194 83.5835 96.6994V96.3034H91.7042V96.6994C91.704 103.84 85.8121 109.619 78.5589 109.619H65.5058C58.0486 109.619 52 103.676 52 96.3444V83.2751C52 75.9431 58.058 70 65.5058 70H78.5589Z"
+      },
+      { d: "M259.813 109.619H252.031V70.7921H259.813V109.619Z" },
+      {
+        d: "M285.246 80.3547C289.323 80.3548 292.353 81.1122 294.24 82.6118H294.248C296.207 84.1679 297.199 86.5304 297.199 89.6264V95.1008C297.199 96.2699 296.99 97.0922 296.55 97.6324C296.071 98.2289 295.2 98.5194 293.897 98.5195H271.229V99.1889C271.229 101.035 272.717 102.543 274.555 102.543H295.552V109.235H273.324C268.375 109.235 264.345 105.171 264.345 100.18V89.6264C264.345 83.4747 268.367 80.3547 276.291 80.3547H285.246ZM276.45 87.1353C274.515 87.1353 273.076 87.4252 272.269 87.9735C271.557 88.4492 271.229 88.9814 271.229 89.6264V91.8275H290.314V89.6264C290.314 88.8606 289.994 88.3126 289.323 87.8934C288.531 87.4016 287.06 87.1353 285.094 87.1353H276.45Z",
+        evenOdd: true
+      }
     ]
   }
 };
-function LogoGlyph({ name, mode, color, style }) {
+function LogoGlyph({ name, mode, direction, color, style }) {
   const logo = LOGOS[name];
   if (!logo) return null;
   const dark2 = mode === "dark" ? logo.dark : void 0;
-  const width = dark2?.width ?? logo.width;
-  const markColor = color ?? dark2?.color ?? logo.color;
-  const offsetX = dark2?.offsetX ?? 0;
+  const vertical = direction === "vertical" ? logo.vertical : void 0;
+  const markColor = color ?? (vertical ? logo.verticalColor : void 0) ?? dark2?.color ?? logo.color;
+  const width = vertical ? WORDMARK_WIDTH : dark2?.width ?? logo.width;
+  const height = vertical ? VERTICAL_VIEWBOX_HEIGHT : LOGO_VIEWBOX_HEIGHT;
+  const paths = vertical ?? logo.paths;
+  const offsetX = vertical ? 0 : dark2?.offsetX ?? 0;
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      viewBox: `0 0 ${width} ${LOGO_VIEWBOX_HEIGHT}`,
+      viewBox: `0 0 ${width} ${height}`,
       style: { display: "block", flexShrink: 0, width: "auto", ...style },
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": true,
       children: [
         /* @__PURE__ */ jsx("path", { d: WORDMARK_PATH, fill: color ?? WORDMARK_COLOR[mode] }),
-        /* @__PURE__ */ jsx("g", { transform: offsetX === 0 ? void 0 : `translate(${offsetX} 0)`, children: logo.paths.map(({ d, evenOdd }) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("g", { transform: offsetX === 0 ? void 0 : `translate(${offsetX} 0)`, children: paths.map(({ d, evenOdd }) => /* @__PURE__ */ jsx(
           "path",
           {
             d,
@@ -7082,22 +7244,57 @@ function LogoGlyph({ name, mode, color, style }) {
     }
   );
 }
-var SLogo = /* @__PURE__ */ forwardRef(function SLogo2({ name = "sellmate", mode = "light", size = LOGO_DEFAULT_SIZE, color, label, className, style }, ref) {
+var SLogo = /* @__PURE__ */ forwardRef(function SLogo2({
+  name = "sellmate",
+  mode = "light",
+  direction = "horizontal",
+  size = LOGO_DEFAULT_SIZE,
+  color,
+  label,
+  className,
+  style
+}, ref) {
+  const fillWidth = size === "auto";
   return /* @__PURE__ */ jsx(
     "span",
     {
       ref,
-      className: cn("inline-flex items-center justify-center", className),
+      className: cn(
+        fillWidth ? "flex w-full items-center" : "inline-flex items-center justify-center",
+        className
+      ),
       style,
       role: label ? "img" : void 0,
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
-      children: /* @__PURE__ */ jsx(LogoGlyph, { name, mode, color: resolveColor(color), style: { height: size } })
+      children: /* @__PURE__ */ jsx(
+        LogoGlyph,
+        {
+          name,
+          mode,
+          direction,
+          color: resolveColor(color),
+          style: fillWidth ? { width: "100%", height: "auto" } : { height: size }
+        }
+      )
     }
   );
 });
 var BUTTON_LABEL = "\uD1B5\uD569 \uACC4\uC815\uC73C\uB85C \uB85C\uADF8\uC778";
-var SLoginCardImpl = /* @__PURE__ */ forwardRef(function SLoginCard({ product, title, description, onLogin, footerNote, bottomAction, className, ...rest }, ref) {
+var SERVICE_LABEL = {
+  sellmate: "Sellmate",
+  wms: "Sellmate WMS",
+  chat: "Sellmate Chat",
+  plm: "Sellmate PLM",
+  account: "Sellmate Account",
+  people: "Sellmate People",
+  crm: "Sellmate CRM",
+  work: "Sellmate Work",
+  pos: "Sellmate POS",
+  console: "Sellmate Console"
+};
+var LOGO_SIZE = 70;
+var SLoginCardImpl = /* @__PURE__ */ forwardRef(function SLoginCard({ service, title, description, onLogin, footerNote, bottomAction, className, ...rest }, ref) {
   const hasIntro = title != null || description != null;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -7122,12 +7319,15 @@ var SLoginCardImpl = /* @__PURE__ */ forwardRef(function SLoginCard({ product, t
         bottomAction != null && /* @__PURE__ */ jsx("div", { className: "flex-1", "aria-hidden": true }),
         /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-sd-60", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-sd-32", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-sd-8", children: [
-              /* @__PURE__ */ jsx(SLogo, { size: 32, label: "Sellmate" }),
-              product != null && // 24px 는 typo 프리셋(최대 18px)에 없는 등급이다 — 제품명은 로고의 일부처럼 읽혀야
-              // 해서 본문 스케일 위에 선다. 여기만 값으로 두고, 프리셋이 생기면 갈아탄다.
-              /* @__PURE__ */ jsx("p", { className: "m-0 text-[24px] leading-[28px] font-bold text-(--sys-color-fg-accentLight)", children: product })
-            ] }),
+            /* @__PURE__ */ jsx(
+              SLogo,
+              {
+                name: service,
+                direction: "vertical",
+                size: LOGO_SIZE,
+                label: SERVICE_LABEL[service]
+              }
+            ),
             hasIntro && // 소개와 보조 설명은 한 문단으로 읽힌다.
             // `text-balance` 는 상속되므로 여기 한 번만 걸어 둘을 함께 덮는다 — 가운데 정렬에서는
             // 마지막 줄에 한 어절만 남는 모양이 가장 눈에 띄어서, 줄 길이를 고르게 나눠야 한다.
@@ -12565,10 +12765,11 @@ var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
     },
     "fold"
   );
+  const fixLogoWidth = `calc(${bodyWidth}px - 2 * ${H.topPaddingX} - ${launcher ? `${GNB_TOP_ICON_SIZE}px - ${H.topGap} - ` : ""}${H.topGap} - ${GNB_TOP_ICON_SIZE}px)`;
   const logoBox = logo ? /* @__PURE__ */ jsx(
     "div",
     {
-      className: "flex shrink-0 items-center",
+      className: cn("flex shrink-0 items-center", header === "fix" && "min-w-0 overflow-hidden"),
       style: {
         height: H.logoHeight,
         ...header === "full" ? (
@@ -12580,8 +12781,9 @@ var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
             marginLeft: H.topGap
           }
         ) : (
-          // fix 는 폴드가 ml-auto 로 밀려나므로(margin-left 를 못 쓴다) 로고 오른쪽에 최소 간격을 둔다
-          { marginRight: H.topGap }
+          // fix 는 폴드가 ml-auto 로 밀려나므로(margin-left 를 못 쓴다) 로고 오른쪽에 최소 간격을 둔다.
+          // 폭은 남은 자리를 다 준다 — 로고가 SLogo size="auto" 면 이 폭을 채운다.
+          { width: fixLogoWidth, marginRight: H.topGap }
         ),
         ...sideFoldStyle
       },
@@ -15330,6 +15532,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
   searchDebounce = DEFAULT_SEARCH_DEBOUNCE,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -15788,6 +15991,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -17519,6 +17723,7 @@ var SInput = /* @__PURE__ */ forwardRef(function SInput2({
   inputStyle,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   labelTooltip,
   labelTooltipProps,
@@ -17563,6 +17768,7 @@ var SInput = /* @__PURE__ */ forwardRef(function SInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       labelTooltip,
       labelTooltipProps,
@@ -17754,6 +17960,7 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
   hovered,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -17924,6 +18131,7 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -18643,6 +18851,7 @@ function SDatePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -18716,6 +18925,7 @@ function SDatePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -19179,6 +19389,7 @@ function SDateRangePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -19252,6 +19463,7 @@ function SDateRangePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -19557,6 +19769,7 @@ function SFilePicker({
   size = "sm",
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -19742,6 +19955,7 @@ function SFilePicker({
         borderless: inline,
         label,
         labelPosition,
+        subLabel,
         labelWidth,
         icon,
         iconColor,
@@ -22213,11 +22427,13 @@ function SRadioButton({
   size = "sm",
   disabled = false,
   name,
+  showTooltip = false,
   onValueChange,
   className,
   style
 }) {
   const s = SIZE_CONFIG2[size];
+  const [hoveredValue, setHoveredValue] = useState(null);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22230,7 +22446,8 @@ function SRadioButton({
         const od = disabled || o.disabled;
         const first = i === 0;
         const last = i === options.length - 1;
-        return /* @__PURE__ */ jsx(
+        const tooltip = showTooltip && o.tooltip ? o.tooltip : void 0;
+        const button = /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -22239,6 +22456,10 @@ function SRadioButton({
             "aria-checked": selected,
             disabled: od,
             onClick: () => !od && !selected && onValueChange?.(o.value),
+            onMouseEnter: tooltip ? () => setHoveredValue(o.value) : void 0,
+            onMouseLeave: tooltip ? () => setHoveredValue(null) : void 0,
+            onFocus: tooltip ? () => setHoveredValue(o.value) : void 0,
+            onBlur: tooltip ? () => setHoveredValue(null) : void 0,
             className: cn(
               "relative box-border grow inline-flex items-center justify-center whitespace-nowrap border border-solid font-medium transition-colors",
               first ? "" : "-ml-px",
@@ -22265,6 +22486,17 @@ function SRadioButton({
           },
           o.value
         );
+        return tooltip ? /* @__PURE__ */ jsx(
+          STooltip2,
+          {
+            trigger: "none",
+            open: hoveredValue === o.value,
+            tooltipType: "accent",
+            message: [tooltip],
+            children: button
+          },
+          o.value
+        ) : button;
       })
     }
   );
@@ -24260,6 +24492,7 @@ var SEditor = /* @__PURE__ */ forwardRef(function SEditor2({
   onBlur,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -24349,6 +24582,7 @@ var SEditor = /* @__PURE__ */ forwardRef(function SEditor2({
       name,
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -26322,6 +26556,7 @@ var SChipInput = /* @__PURE__ */ forwardRef(function SChipInput2({
   dropdownMinWidth = 200,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   hint,
   errorMessage,
@@ -26463,6 +26698,7 @@ var SChipInput = /* @__PURE__ */ forwardRef(function SChipInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       labelHeight: `calc(var(--cmp-chipInput-${size}-minHeight) + 2px)`,
       icon,
@@ -26782,6 +27018,7 @@ var SBarcodeInput = /* @__PURE__ */ forwardRef(
     inputStyle,
     label,
     labelPosition,
+    subLabel,
     labelWidth,
     icon,
     iconColor,
@@ -26819,6 +27056,7 @@ var SBarcodeInput = /* @__PURE__ */ forwardRef(
       {
         label,
         labelPosition,
+        subLabel,
         labelWidth,
         icon,
         iconColor,
@@ -27189,6 +27427,7 @@ function STimePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -27244,6 +27483,7 @@ function STimePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -27657,6 +27897,7 @@ function STimeRangePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -27714,6 +27955,7 @@ function STimeRangePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -27822,6 +28064,6 @@ function STimeRangePicker({
   );
 }
 
-export { ACCOUNT_LIST_BOX_ICONS, ACCOUNT_LIST_BOX_ITEM_TONES, ACCOUNT_LIST_BOX_LABELS, ACCOUNT_LIST_BOX_LAYOUT, ACCOUNT_LIST_BOX_TONE_CONFIG, BADGE_COLORS, BAR_GAP, BAR_SIZE_MAX, BAR_SIZE_MIN, BUTTON_COLORS, BUTTON_SIZES, CALENDAR_BOARD_DAY_BG, CALENDAR_BOARD_DAY_COLORS, CALENDAR_BOARD_EVENT_COLORS, CALENDAR_BOARD_EVENT_PRESETS, CALENDAR_BOARD_MAX_VISIBLE_EVENTS, CHAT_ATTACHED_FILE_CONFIG, CHAT_FILE_CONFIG, CHAT_MESSAGE_DIRECTIONS, CHAT_MESSAGE_READ_STATUSES, CHAT_MESSAGE_VARIANTS, CHIP_COLORS, COLOR_KEYS, CONTEXT_ALERT_ICON_COLOR, CONTEXT_ALERT_INTENTS, CONTEXT_ALERT_SURFACE, FIELD_WIDTH_GRADES, GNB_COLORS, GNB_COMMON, GNB_FOLD_MS, GNB_FULL_LOGO_WIDTH, GNB_HEADER, GNB_MENU, GNB_MENU_WIDTH, GNB_RAIL, GNB_RAIL_WIDTH, GNB_SYSTEM_COLORS, GNB_SYSTEM_COLOR_CONFIG, GNB_SYSTEM_LAYOUT, GNB_SYSTEM_PLACEMENTS, GNB_SYSTEM_TOP_COLOR_CONFIG, ICONS, IMAGE_FITS, LAUNCHER_LIST_BOX_CONSOLE_HEIGHT, LAUNCHER_LIST_BOX_CONSOLE_ICON, LAUNCHER_LIST_BOX_CONSOLE_LABEL, LAUNCHER_LIST_BOX_LAYOUT, LAUNCHER_LIST_BOX_LOGO_HEIGHT, LAUNCHER_LIST_BOX_TRAILING_ICON, LAUNCHER_LIST_BOX_WIDTH, LAUNCHER_SERVICES, LAUNCHER_SERVICE_CATALOG, LOGO_DEFAULT_SIZE, LOGO_MODES, LOGO_NAMES, PAGE_BACKGROUNDS, PAGE_CONTENT_HEIGHTS, PAGE_CONTENT_WIDTHS, PAGE_HEADER_VARIANTS, PAGE_PADDINGS, RangeCalendar, SAccountListBox, SActionModal, SBadge, SBarChart, SBarcodeInput, SButton, SCROLL_AREA_AXES, SCalendar, SCalendarBoard, SCallout, SCard, SChatAttachedFile2 as SChatAttachedFile, SChatFile2 as SChatFile, SChatInput2 as SChatInput, SChatMessage2 as SChatMessage, SChatSystemMessage2 as SChatSystemMessage, SCheckbox, SChip2 as SChip, SChipFilter, SChipInput, SCircleProgress, SConfirmModal, SContextAlert, SDatePicker, SDatePickerMonthListbox, SDatePickerYearListbox, SDateRangePicker, SDivider, SDonutChart, SDraggableGroup, SDraggableItem2 as SDraggableItem, SDraggableList, SDraggableProvider, SDrawer, SDropdownButton2 as SDropdownButton, SEDITOR_DEFAULT_FONT_SIZE, SEDITOR_HEADING_LABELS, SEDITOR_HEADING_LEVELS, SEditor, SExpansionItem, SExpansionList2 as SExpansionList, SField, SFilePicker, SForm, SGhostButton, SGnb, SGnbSystem, SGnbSystemContext, SGuide, SIcon, SImage, SInput, SKeyValueTable, SLAYOUT_MIN_WIDTH, SLauncherListBox, SLayout, SLayoutContext, SLineChart, SLinearProgress, SList2 as SList, SListItem2 as SListItem, SLoadingContainer, SLoadingModal, SLoginCard2 as SLoginCard, SLogo, SMeatballButton2 as SMeatballButton, SModal, SModalOutlet, SNumberInput, SPage, SPageHeader, SPagination, SPieChart, SPopover, SPopup, SPortal, SRadio, SRadioButton, SRadioCard, SRadioCardGroup, SRadioGroup, SSPLITTER_UNITS, SScrollArea, SSearchInput, SSectionHeaderCard2 as SSectionHeaderCard, SSelect2 as SSelect, SSplitter2 as SSplitter, SStepper, SSwitch, SSystemActionButton, STEPPER_SIZES, STable, STableBar, STabs, STag, STextLink, STextarea, STimePicker, STimeRangePicker, SToast, SToastContainer, SToggle, STooltip2 as STooltip, STree2 as STree, STreeItem2 as STreeItem, SYSTEM_ACTION_BUTTON_COLORS, SYSTEM_ACTION_BUTTON_COLOR_CONFIG, SYSTEM_ACTION_BUTTON_LAYOUT, SYSTEM_ACTION_BUTTON_TYPES, SYSTEM_ACTION_BUTTON_TYPE_CONFIG, TAG_COLORS, TAG_SHAPES, TAG_SIZES, TIMEPICKER_SIZES, TIMEPICKER_SIZE_CONFIG, buttonPreset, cn, fieldWidthValue, fileExtension, findGnbAncestors, findGnbRailValue, formatFileSize, isColorKey, isFieldWidthGrade, loading, normalizeExtension, resolveColor, useSLayout };
+export { ACCOUNT_LIST_BOX_ICONS, ACCOUNT_LIST_BOX_ITEM_TONES, ACCOUNT_LIST_BOX_LABELS, ACCOUNT_LIST_BOX_LAYOUT, ACCOUNT_LIST_BOX_TONE_CONFIG, BADGE_COLORS, BAR_GAP, BAR_SIZE_MAX, BAR_SIZE_MIN, BUTTON_COLORS, BUTTON_SIZES, CALENDAR_BOARD_DAY_BG, CALENDAR_BOARD_DAY_COLORS, CALENDAR_BOARD_EVENT_COLORS, CALENDAR_BOARD_EVENT_PRESETS, CALENDAR_BOARD_MAX_VISIBLE_EVENTS, CHAT_ATTACHED_FILE_CONFIG, CHAT_FILE_CONFIG, CHAT_MESSAGE_DIRECTIONS, CHAT_MESSAGE_READ_STATUSES, CHAT_MESSAGE_VARIANTS, CHIP_COLORS, COLOR_KEYS, CONTEXT_ALERT_ICON_COLOR, CONTEXT_ALERT_INTENTS, CONTEXT_ALERT_SURFACE, FIELD_WIDTH_GRADES, GNB_COLORS, GNB_COMMON, GNB_FOLD_MS, GNB_FULL_LOGO_WIDTH, GNB_HEADER, GNB_MENU, GNB_MENU_WIDTH, GNB_RAIL, GNB_RAIL_WIDTH, GNB_SYSTEM_COLORS, GNB_SYSTEM_COLOR_CONFIG, GNB_SYSTEM_LAYOUT, GNB_SYSTEM_PLACEMENTS, GNB_SYSTEM_TOP_COLOR_CONFIG, ICONS, IMAGE_FITS, LAUNCHER_LIST_BOX_CONSOLE_HEIGHT, LAUNCHER_LIST_BOX_CONSOLE_ICON, LAUNCHER_LIST_BOX_CONSOLE_LABEL, LAUNCHER_LIST_BOX_LAYOUT, LAUNCHER_LIST_BOX_LOGO_HEIGHT, LAUNCHER_LIST_BOX_TRAILING_ICON, LAUNCHER_LIST_BOX_WIDTH, LAUNCHER_SERVICES, LAUNCHER_SERVICE_CATALOG, LOGO_DEFAULT_SIZE, LOGO_DIRECTIONS, LOGO_MODES, LOGO_NAMES, PAGE_BACKGROUNDS, PAGE_CONTENT_HEIGHTS, PAGE_CONTENT_WIDTHS, PAGE_HEADER_VARIANTS, PAGE_PADDINGS, RangeCalendar, SAccountListBox, SActionModal, SBadge, SBarChart, SBarcodeInput, SButton, SCROLL_AREA_AXES, SCalendar, SCalendarBoard, SCallout, SCard, SChatAttachedFile2 as SChatAttachedFile, SChatFile2 as SChatFile, SChatInput2 as SChatInput, SChatMessage2 as SChatMessage, SChatSystemMessage2 as SChatSystemMessage, SCheckbox, SChip2 as SChip, SChipFilter, SChipInput, SCircleProgress, SConfirmModal, SContextAlert, SDatePicker, SDatePickerMonthListbox, SDatePickerYearListbox, SDateRangePicker, SDivider, SDonutChart, SDraggableGroup, SDraggableItem2 as SDraggableItem, SDraggableList, SDraggableProvider, SDrawer, SDropdownButton2 as SDropdownButton, SEDITOR_DEFAULT_FONT_SIZE, SEDITOR_HEADING_LABELS, SEDITOR_HEADING_LEVELS, SEditor, SExpansionItem, SExpansionList2 as SExpansionList, SField, SFilePicker, SForm, SGhostButton, SGnb, SGnbSystem, SGnbSystemContext, SGuide, SIcon, SImage, SInput, SKeyValueTable, SLAYOUT_MIN_WIDTH, SLauncherListBox, SLayout, SLayoutContext, SLineChart, SLinearProgress, SList2 as SList, SListItem2 as SListItem, SLoadingContainer, SLoadingModal, SLoginCard2 as SLoginCard, SLogo, SMeatballButton2 as SMeatballButton, SModal, SModalOutlet, SNumberInput, SPage, SPageHeader, SPagination, SPieChart, SPopover, SPopup, SPortal, SRadio, SRadioButton, SRadioCard, SRadioCardGroup, SRadioGroup, SSPLITTER_UNITS, SScrollArea, SSearchInput, SSectionHeaderCard2 as SSectionHeaderCard, SSelect2 as SSelect, SSplitter2 as SSplitter, SStepper, SSwitch, SSystemActionButton, STEPPER_SIZES, STable, STableBar, STabs, STag, STextLink, STextarea, STimePicker, STimeRangePicker, SToast, SToastContainer, SToggle, STooltip2 as STooltip, STree2 as STree, STreeItem2 as STreeItem, SYSTEM_ACTION_BUTTON_COLORS, SYSTEM_ACTION_BUTTON_COLOR_CONFIG, SYSTEM_ACTION_BUTTON_LAYOUT, SYSTEM_ACTION_BUTTON_TYPES, SYSTEM_ACTION_BUTTON_TYPE_CONFIG, TAG_COLORS, TAG_SHAPES, TAG_SIZES, TIMEPICKER_SIZES, TIMEPICKER_SIZE_CONFIG, buttonPreset, cn, fieldWidthValue, fileExtension, findGnbAncestors, findGnbRailValue, formatFileSize, isColorKey, isFieldWidthGrade, loading, normalizeExtension, resolveColor, useSLayout };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map