sellmate-design-system-react 9.0.0-beta.73 → 9.0.0-beta.75

package/dist/index.cjs

@@ -4885,6 +4885,7 @@ var cssLen = (v) => v === void 0 || v === "" || v === 0 ? void 0 : typeof v ===
 var SField = /* @__PURE__ */ react.forwardRef(function SField2({
   name,
   label = "",
+  subLabel = "",
   icon,
   iconColor,
   labelTooltip = "",
@@ -5006,6 +5007,16 @@ var SField = /* @__PURE__ */ react.forwardRef(function SField2({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", children: label }),
+                  subLabel !== "" && // field 라벨 토큰이 아니라 기본 타이포 토큰을 쓴다 — 보조 라벨은 굵기·색이 라벨과
+                  // 따로 가므로 field 토큰에 묶지 않는다. 크기도 size 와 무관하게 body/sm 고정.
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 flex items-center", style: { marginLeft: s.labelGap }, children: /* @__PURE__ */ jsxRuntime.jsx(
                     STooltip2,
                     {
@@ -5122,6 +5133,7 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
   textareaStyle,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -5182,6 +5194,7 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -6882,6 +6895,7 @@ var LOGO_NAMES = [
   "sellmate",
   "wms",
   "chat",
+  "chatbot",
   "plm",
   "account",
   "people",
@@ -6960,6 +6974,62 @@ var LOGOS = {
       }
     ]
   },
+  chatbot: {
+    width: 677,
+    color: "#FF7F22",
+    paths: [
+      {
+        d: "M390.671 0.480769C399.628 0.480769 406.904 7.6325 406.904 16.4692V16.9499H396.889V16.4692C396.889 13.0956 394.116 10.3553 390.671 10.3553H375.492C371.281 10.3553 367.868 13.7156 367.868 17.8542V32.1458C367.868 36.274 371.27 39.6447 375.492 39.6447H390.671C394.116 39.6447 396.889 36.9044 396.889 33.5308V33.0501H406.904V33.5308C406.904 42.3675 399.628 49.5192 390.671 49.5192H374.543C365.334 49.5191 357.865 42.1642 357.865 33.0914V16.9086C357.865 7.83555 365.346 0.480901 374.543 0.480769H390.671Z"
+      },
+      {
+        d: "M424.736 17.3011C426.112 16.6865 427.8 16.4288 429.51 16.4288H441.028C443.607 16.4288 445.823 16.6732 447.666 17.1715L448.03 17.2748L448.033 17.2758C449.945 17.8576 451.503 18.7331 452.68 19.9613L452.896 20.1914C453.953 21.3596 454.71 22.7984 455.19 24.4704C455.699 26.2456 455.942 28.33 455.942 30.6997V49.5192H445.677V29.6133C445.677 27.873 445.325 26.6761 444.687 25.9362L444.684 25.9324C444.09 25.2296 442.926 24.7944 441.028 24.7944H429.51C427.612 24.7944 426.448 25.2296 425.854 25.9324L425.851 25.9362C425.213 26.6761 424.861 27.873 424.861 29.6133V49.5192H414.596V1.44231H424.736V17.3011Z"
+      },
+      {
+        d: "M577.104 0C584.878 8.26358e-05 591.215 6.3316 591.215 14.1207V14.7104C591.215 17.8799 590.164 20.8103 588.393 23.1708C592.146 25.5104 594.648 29.6549 594.648 34.3703V35.8229C594.647 43.1032 588.678 49.0383 581.332 49.0385C580.953 49.2574 565.272 49.1891 553.469 49.0967C549.777 49.0678 546.808 46.0642 546.808 42.3725V14.1207C546.808 9.66706 548.856 5.5708 552.415 2.86677C554.889 0.99021 557.835 3.90295e-05 560.919 0H577.104ZM555.838 39.0991C555.838 40.1612 556.699 41.0222 557.761 41.0222H581.332C584.215 41.022 586.562 38.6931 586.562 35.8314V34.3788C586.562 31.5171 584.215 29.1882 581.332 29.1879H555.838V39.0991ZM561.552 9.5459C558.496 9.54605 556.009 12.0341 556.009 15.0916V21.1538H578.643C581.269 20.7195 583.279 18.4313 583.279 15.6823V15.0916C583.279 12.034 580.792 9.54593 577.736 9.5459H561.552Z",
+        evenOdd: true
+      },
+      {
+        d: "M488.836 11.5385C498.697 11.5385 503.492 15.4781 503.492 23.5793V36.9976C503.492 45.6093 505.135 49.0385 488.836 49.0385H475.897C466.577 49.0385 461.231 44.3883 461.231 36.2868C461.231 27.5861 465.683 23.5352 475.231 23.5352H494.952C494.858 22.4033 494.494 21.6261 493.86 21.1933C492.82 20.4832 491.218 20.3501 488.638 20.3501H465.162V11.5385H488.836ZM476.084 32.3252C472.839 32.3252 469.677 32.6136 469.677 36.1647C469.677 38.9392 471.715 40.2268 476.084 40.2269H488.638C491.01 40.2269 493.278 40.3707 494.255 39.6494C495.129 39.0058 495.046 37.8078 495.046 36.9976V32.3252H476.084Z",
+        evenOdd: true
+      },
+      {
+        d: "M529.384 1.61415V11.0023H540.077V19.9284H529.384V49.0385H520.011L520 48.3859V19.9284H509.308V11.0023H520V0.961538H529.373L529.384 1.61415Z"
+      },
+      {
+        d: "M627.328 12.5C635.417 12.5 642 18.9976 642 27.0048V34.5337C642 42.5408 635.417 49.0385 627.328 49.0385H614.364C606.275 49.0385 599.692 42.5408 599.692 34.5337V27.0048C599.692 18.9976 606.275 12.5 614.364 12.5H627.328ZM614.373 21.7896C611.451 21.7898 609.08 24.1331 609.08 27.0048V34.5337C609.08 37.4065 611.453 39.759 614.373 39.7592H627.338C630.259 39.7592 632.631 37.4066 632.631 34.5337V27.0048C632.631 24.133 630.26 21.7896 627.338 21.7896H614.373Z",
+        evenOdd: true
+      },
+      {
+        d: "M665.923 1.61415V11.0023H676.615V19.9284H665.923V49.0385H656.55L656.538 48.3859V19.9284H645.846V11.0023H656.538V0.961538H665.912L665.923 1.61415Z"
+      }
+    ],
+    vertical: [
+      {
+        d: "M72.6294 70.3846C79.795 70.3846 85.6153 76.106 85.6154 83.1753V83.5599H77.6038V83.1753C77.6037 80.4765 75.3853 78.2843 72.6294 78.2843H60.4862C57.1171 78.2843 54.3872 80.9725 54.3872 84.2834V95.7167C54.3872 99.0192 57.1087 101.716 60.4862 101.716H72.6294C75.3853 101.716 77.6037 99.5235 77.6038 96.8247V96.4401H85.6154V96.8247C85.6153 103.894 79.795 109.615 72.6294 109.615H59.7267C52.3598 109.615 46.3846 103.731 46.3846 96.4731V83.5269C46.3846 76.2684 52.3691 70.3847 59.7267 70.3846H72.6294Z"
+      },
+      {
+        d: "M99.8815 83.8409C100.982 83.3492 102.333 83.143 103.701 83.143H112.915C114.978 83.143 116.751 83.3386 118.225 83.7372L118.517 83.8199L118.519 83.8206C120.049 84.2861 121.295 84.9865 122.237 85.9691L122.409 86.1531C123.255 87.0877 123.861 88.2388 124.244 89.5763C124.652 90.9965 124.846 92.664 124.846 94.5598V109.615H116.634V93.6907C116.634 92.2984 116.353 91.3409 115.842 90.749L115.84 90.7459C115.365 90.1837 114.433 89.8355 112.915 89.8355H103.701C102.182 89.8355 101.251 90.1837 100.775 90.7459L100.773 90.749C100.263 91.3409 99.9814 92.2984 99.9814 93.6907V109.615H91.7693V71.1538H99.8815V83.8409Z"
+      },
+      {
+        d: "M221.775 70C227.995 70.0001 233.064 75.0653 233.064 81.2966V81.7683C233.064 84.3039 232.224 86.6483 230.807 88.5367C233.809 90.4083 235.811 93.7239 235.811 97.4962V98.6584C235.81 104.483 231.035 109.231 225.158 109.231C224.855 109.406 212.31 109.351 202.868 109.277C199.914 109.254 197.538 106.851 197.538 103.898V81.2966C197.539 77.7336 199.177 74.4566 202.025 72.2934C204.004 70.7922 206.361 70 208.828 70H221.775ZM204.763 101.279C204.763 102.129 205.452 102.818 206.301 102.818H225.158C227.465 102.818 229.342 100.954 229.342 98.6651V97.503C229.342 95.2137 227.465 93.3505 225.158 93.3504H204.763V101.279ZM209.334 77.6367C206.889 77.6368 204.9 79.6272 204.9 82.0733V86.9231H223.006C225.108 86.5756 226.716 84.745 226.716 82.5458V82.0733C226.716 79.6272 224.726 77.6367 222.282 77.6367H209.334Z",
+        evenOdd: true
+      },
+      {
+        d: "M151.162 79.2308C159.05 79.2308 162.886 82.3825 162.886 88.8634V99.5981C162.886 106.487 164.201 109.231 151.162 109.231H140.81C133.354 109.231 129.077 105.511 129.077 99.0294C129.077 92.0689 132.639 88.8281 140.277 88.8281H156.054C155.979 87.9226 155.688 87.3009 155.18 86.9546C154.348 86.3866 153.066 86.2801 151.003 86.2801H132.222V79.2308H151.162ZM140.959 95.8601C138.363 95.8601 135.834 96.0909 135.834 98.9318C135.834 101.151 137.465 102.181 140.959 102.181H151.003C152.9 102.181 154.715 102.297 155.497 101.72C156.196 101.205 156.129 100.246 156.129 99.5981V95.8601H140.959Z",
+        evenOdd: true
+      },
+      {
+        d: "M183.6 71.2913V78.8018H192.154V85.9428H183.6V109.231H176.101L176.092 108.709V85.9428H167.538V78.8018H176.092V70.7692H183.591L183.6 71.2913Z"
+      },
+      {
+        d: "M261.955 80C268.426 80 273.692 85.1981 273.692 91.6038V97.627C273.692 104.033 268.426 109.231 261.955 109.231H251.584C245.113 109.231 239.846 104.033 239.846 97.627V91.6038C239.846 85.1981 245.113 80 251.584 80H261.955ZM251.591 87.4316C249.254 87.4318 247.357 89.3065 247.357 91.6038V97.627C247.357 99.9252 249.254 101.807 251.591 101.807H261.963C264.3 101.807 266.198 99.9253 266.198 97.627V91.6038C266.198 89.3064 264.301 87.4317 261.963 87.4316H251.591Z",
+        evenOdd: true
+      },
+      {
+        d: "M292.831 71.2913V78.8018H301.385V85.9428H292.831V109.231H285.332L285.323 108.709V85.9428H276.769V78.8018H285.323V70.7692H292.822L292.831 71.2913Z"
+      }
+    ]
+  },
   plm: {
     width: 511,
     color: "#50BFF0",
@@ -7300,6 +7370,7 @@ var SERVICE_LABEL = {
   sellmate: "Sellmate",
   wms: "Sellmate WMS",
   chat: "Sellmate Chat",
+  chatbot: "Sellmate ChatBot",
   plm: "Sellmate PLM",
   account: "Sellmate Account",
   people: "Sellmate People",
@@ -11694,6 +11765,7 @@ var LAUNCHER_SERVICES = [
   "sellmate",
   "wms",
   "chat",
+  "chatbot",
   "plm",
   "account",
   "people",
@@ -11705,6 +11777,7 @@ var LAUNCHER_SERVICE_CATALOG = {
   sellmate: { name: "\uC140\uBA54\uC774\uD2B8" },
   wms: { name: "\uC140\uBA54\uC774\uD2B8 WMS" },
   chat: { name: "\uC140\uBA54\uC774\uD2B8 \uCC57" },
+  chatbot: { name: "\uC140\uBA54\uC774\uD2B8 \uCC57\uBD07" },
   plm: { name: "\uC140\uBA54\uC774\uD2B8 PLM" },
   account: {
     name: "\uC140\uBA54\uC774\uD2B8 \uC5B4\uCE74\uC6B4\uD2B8",
@@ -15547,6 +15620,7 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
   searchDebounce = DEFAULT_SEARCH_DEBOUNCE,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -16005,6 +16079,7 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -17736,6 +17811,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
   inputStyle,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   labelTooltip,
   labelTooltipProps,
@@ -17780,6 +17856,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       labelTooltip,
       labelTooltipProps,
@@ -17971,6 +18048,7 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
   hovered,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -18141,6 +18219,7 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -18860,6 +18939,7 @@ function SDatePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -18933,6 +19013,7 @@ function SDatePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -19396,6 +19477,7 @@ function SDateRangePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -19469,6 +19551,7 @@ function SDateRangePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -19774,6 +19857,7 @@ function SFilePicker({
   size = "sm",
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -19959,6 +20043,7 @@ function SFilePicker({
         borderless: inline,
         label,
         labelPosition,
+        subLabel,
         labelWidth,
         icon,
         iconColor,
@@ -22430,11 +22515,13 @@ function SRadioButton({
   size = "sm",
   disabled = false,
   name,
+  showTooltip = false,
   onValueChange,
   className,
   style
 }) {
   const s = SIZE_CONFIG2[size];
+  const [hoveredValue, setHoveredValue] = react.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -22447,7 +22534,8 @@ function SRadioButton({
         const od = disabled || o.disabled;
         const first = i === 0;
         const last = i === options.length - 1;
-        return /* @__PURE__ */ jsxRuntime.jsx(
+        const tooltip = showTooltip && o.tooltip ? o.tooltip : void 0;
+        const button = /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -22456,6 +22544,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",
@@ -22482,6 +22574,17 @@ function SRadioButton({
           },
           o.value
         );
+        return tooltip ? /* @__PURE__ */ jsxRuntime.jsx(
+          STooltip2,
+          {
+            trigger: "none",
+            open: hoveredValue === o.value,
+            tooltipType: "accent",
+            message: [tooltip],
+            children: button
+          },
+          o.value
+        ) : button;
       })
     }
   );
@@ -24477,6 +24580,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
   onBlur,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -24566,6 +24670,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
       name,
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -26539,6 +26644,7 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
   dropdownMinWidth = 200,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   hint,
   errorMessage,
@@ -26680,6 +26786,7 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       labelHeight: `calc(var(--cmp-chipInput-${size}-minHeight) + 2px)`,
       icon,
@@ -26999,6 +27106,7 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
     inputStyle,
     label,
     labelPosition,
+    subLabel,
     labelWidth,
     icon,
     iconColor,
@@ -27036,6 +27144,7 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
       {
         label,
         labelPosition,
+        subLabel,
         labelWidth,
         icon,
         iconColor,
@@ -27406,6 +27515,7 @@ function STimePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -27461,6 +27571,7 @@ function STimePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,
@@ -27874,6 +27985,7 @@ function STimeRangePicker({
   status,
   label,
   labelPosition,
+  subLabel,
   labelWidth,
   icon,
   iconColor,
@@ -27931,6 +28043,7 @@ function STimeRangePicker({
     {
       label,
       labelPosition,
+      subLabel,
       labelWidth,
       icon,
       iconColor,