@stn-uiux/pub-ui-react 0.1.77 → 0.1.79

package/dist/index.js

@@ -997,23 +997,24 @@ var StnModal = forwardRef6(function StnModal2({
       ...rest,
       children: /* @__PURE__ */ jsx9("div", { className: "stn-pop__cont", children: /* @__PURE__ */ jsxs5("div", { className: "stn-pop__panel", children: [
         /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head", id: titleId, children: [
-          /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-row", children: [
-            /* @__PURE__ */ jsx9("h4", { children: title }),
-            headerExtra ? /* @__PURE__ */ jsx9("div", { className: "stn-pop__head-extra", children: headerExtra }) : null
+          /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-start", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "stn-pop__head-row", children: [
+              /* @__PURE__ */ jsx9("h4", { children: title }),
+              headerExtra ? /* @__PURE__ */ jsx9("div", { className: "stn-pop__head-extra", children: headerExtra }) : null
+            ] }),
+            subtitle ? /* @__PURE__ */ jsx9("p", { className: "stn-pop__subtitle", children: subtitle }) : null
           ] }),
-          subtitle ? /* @__PURE__ */ jsx9("p", { className: "stn-pop__subtitle", children: subtitle }) : null
+          onClose ? /* @__PURE__ */ jsx9(
+            StnButton,
+            {
+              icon: "line/x",
+              variant: "ghost",
+              size: "sm",
+              "aria-label": "\uB2EB\uAE30",
+              onClick: onClose
+            }
+          ) : null
         ] }),
-        /* @__PURE__ */ jsx9(
-          StnButton,
-          {
-            icon: "line/x",
-            variant: "ghost",
-            size: "sm",
-            className: "stn-pop__close",
-            "aria-label": "\uB2EB\uAE30",
-            onClick: onClose
-          }
-        ),
         /* @__PURE__ */ jsx9("div", { className: cn("stn-pop__body", bodyClassName), children }),
         actions ? /* @__PURE__ */ jsx9(
           "div",
@@ -3144,7 +3145,6 @@ var StnSectionSide = forwardRef18(function StnSectionSide2({
   header,
   footer,
   className,
-  variant = "solid",
   fill = true,
   fullWidth = false,
   collapsed = false,
@@ -3158,7 +3158,6 @@ var StnSectionSide = forwardRef18(function StnSectionSide2({
       ref,
       className: cn(
         "stn-section-side",
-        variant === "translucent" && "stn-section-side--translucent",
         fill && "stn-section-side--fill",
         fullWidth && "is-full-width",
         collapsed && "is-collapsed",
@@ -3592,13 +3591,62 @@ function StnChip(props) {
   ] });
 }
 
+// src/components/StnDivider.tsx
+import {
+  createElement as createElement2,
+  forwardRef as forwardRef22
+} from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var StnDivider = forwardRef22(function StnDivider2({
+  orientation = "horizontal",
+  variant = "fullWidth",
+  flexItem = false,
+  textAlign = "center",
+  component,
+  as,
+  className,
+  children,
+  role,
+  ...rest
+}, ref) {
+  const hasChildren = Boolean(children);
+  const isVertical = orientation === "vertical";
+  const Tag = component ?? as ?? (hasChildren ? "div" : isVertical ? "div" : "hr");
+  const isHr = Tag === "hr";
+  const computedRole = isHr ? role : role ?? "separator";
+  const computedAriaOrientation = isVertical ? "vertical" : void 0;
+  const classes = cn(
+    "stn-divider",
+    isVertical ? "stn-divider--vertical" : "stn-divider--horizontal",
+    variant === "inset" && "stn-divider--inset",
+    variant === "middle" && "stn-divider--middle",
+    variant === "fullWidth" && "stn-divider--full-width",
+    flexItem && "stn-divider--flex-item",
+    hasChildren && "stn-divider--with-children",
+    hasChildren && `stn-divider--text-${textAlign}`,
+    className
+  );
+  return createElement2(
+    Tag,
+    {
+      ref,
+      className: classes,
+      role: computedRole,
+      "aria-orientation": computedAriaOrientation,
+      ...rest
+    },
+    hasChildren ? /* @__PURE__ */ jsx28("span", { className: "stn-divider__wrapper", children }) : null
+  );
+});
+var Divider = StnDivider;
+
 // src/components/StnToggleButton.tsx
 import {
-  forwardRef as forwardRef22,
+  forwardRef as forwardRef23,
   useState as useState8
 } from "react";
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
-var StnToggleButton = forwardRef22(
+import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+var StnToggleButton = forwardRef23(
   function StnToggleButton2({
     pressed: pressedProp,
     defaultPressed = false,
@@ -3652,7 +3700,7 @@ var StnToggleButton = forwardRef22(
     } : void 0;
     const isIconOnly = iconOnlyProp !== void 0 ? iconOnlyProp : Boolean(icon && !children);
     const iconPx = size === "sm" ? 14 : size === "lg" ? 18 : 16;
-    const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ jsx28(StnIcon, { name: icon, size: iconPx, color: "currentColor" }) : icon;
+    const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ jsx29(StnIcon, { name: icon, size: iconPx, color: "currentColor" }) : icon;
     const handleClick = (e) => {
       if (disabled) return;
       onClick?.(e);
@@ -3662,7 +3710,7 @@ var StnToggleButton = forwardRef22(
       }
       onChange?.(nextPressed);
     };
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "button",
       {
         ref,
@@ -3697,9 +3745,9 @@ var StnToggleButton = forwardRef22(
 );
 
 // src/components/StnSwitch.tsx
-import { forwardRef as forwardRef23, useId as useId6 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
-var StnSwitch = forwardRef23(function StnSwitch2({
+import { forwardRef as forwardRef24, useId as useId6 } from "react";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+var StnSwitch = forwardRef24(function StnSwitch2({
   label,
   size = "md",
   color,
@@ -3766,7 +3814,7 @@ var StnSwitch = forwardRef23(function StnSwitch2({
       style: inlineStyle,
       htmlFor: id,
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "input",
           {
             ref,
@@ -3779,10 +3827,10 @@ var StnSwitch = forwardRef23(function StnSwitch2({
             ...rest
           }
         ),
-        /* @__PURE__ */ jsx29("span", { className: "stn-switch__control", "aria-hidden": "true", children: /* @__PURE__ */ jsx29("span", { className: "stn-switch__thumb" }) }),
+        /* @__PURE__ */ jsx30("span", { className: "stn-switch__control", "aria-hidden": "true", children: /* @__PURE__ */ jsx30("span", { className: "stn-switch__thumb" }) }),
         label != null && label !== "" ? /* @__PURE__ */ jsxs23("span", { className: "stn-switch__label", children: [
           label,
-          required && /* @__PURE__ */ jsx29("span", { className: "stn-switch__required", "aria-hidden": "true", children: "*" })
+          required && /* @__PURE__ */ jsx30("span", { className: "stn-switch__required", "aria-hidden": "true", children: "*" })
         ] }) : null
       ]
     }
@@ -3790,9 +3838,9 @@ var StnSwitch = forwardRef23(function StnSwitch2({
 });
 
 // src/components/StnRadio.tsx
-import { forwardRef as forwardRef24, useId as useId7 } from "react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
-var StnRadio = forwardRef24(function StnRadio2({
+import { forwardRef as forwardRef25, useId as useId7 } from "react";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+var StnRadio = forwardRef25(function StnRadio2({
   label,
   size = "md",
   color,
@@ -3838,10 +3886,10 @@ var StnRadio = forwardRef24(function StnRadio2({
       ),
       style: inlineStyle,
       children: [
-        /* @__PURE__ */ jsx30("input", { ref, type: "radio", id, disabled, required, ...rest }),
+        /* @__PURE__ */ jsx31("input", { ref, type: "radio", id, disabled, required, ...rest }),
         /* @__PURE__ */ jsxs24("label", { htmlFor: id, "aria-hidden": isControlOnly ? true : void 0, children: [
           label,
-          required && !isControlOnly && /* @__PURE__ */ jsx30("span", { className: "stn-radio__required", "aria-hidden": "true", children: "*" })
+          required && !isControlOnly && /* @__PURE__ */ jsx31("span", { className: "stn-radio__required", "aria-hidden": "true", children: "*" })
         ] })
       ]
     }
@@ -3850,7 +3898,7 @@ var StnRadio = forwardRef24(function StnRadio2({
 
 // src/components/StnRadioGroup.tsx
 import { useId as useId8 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function StnRadioGroup({
   name: nameProp,
   value,
@@ -3868,7 +3916,7 @@ function StnRadioGroup({
   const autoName = useId8().replace(/:/g, "");
   const name = nameProp ?? `stn-radio-${autoName}`;
   const isRow = orientation === "horizontal" || layout === "row";
-  const items = options.map((opt) => /* @__PURE__ */ jsx31(
+  const items = options.map((opt) => /* @__PURE__ */ jsx32(
     StnRadio,
     {
       name,
@@ -3883,7 +3931,7 @@ function StnRadioGroup({
     },
     opt.value
   ));
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn(
@@ -3901,12 +3949,12 @@ function StnRadioGroup({
 
 // src/components/StnSegmented.tsx
 import { useId as useId9 } from "react";
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function renderSegmentedIcon(icon, size) {
   if (!icon) return null;
   if (typeof icon === "string") {
     const iconPx = size === "sm" ? 14 : size === "lg" ? 18 : 16;
-    return /* @__PURE__ */ jsx32(StnIcon, { name: icon, size: iconPx, color: "currentColor" });
+    return /* @__PURE__ */ jsx33(StnIcon, { name: icon, size: iconPx, color: "currentColor" });
   }
   return icon;
 }
@@ -3943,7 +3991,7 @@ function StnSegmented(props) {
     }
     props.onChange(optionValue);
   }
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: cn(
@@ -3984,7 +4032,7 @@ function StnSegmented(props) {
             },
             children: [
               renderSegmentedIcon(opt.icon, size),
-              opt.label && /* @__PURE__ */ jsx32("span", { children: opt.label })
+              opt.label && /* @__PURE__ */ jsx33("span", { children: opt.label })
             ]
           },
           opt.value
@@ -3996,7 +4044,7 @@ function StnSegmented(props) {
 
 // src/components/tabs/StnTabs.tsx
 import {
-  forwardRef as forwardRef27,
+  forwardRef as forwardRef28,
   useState as useState9,
   useRef as useRef5,
   useEffect as useEffect8,
@@ -4006,7 +4054,7 @@ import {
 
 // src/components/tabs/StnTabContext.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var StnTabsContext = createContext3(null);
 function useStnTabsContext() {
   return useContext3(StnTabsContext);
@@ -4018,13 +4066,13 @@ function StnTabContextProvider({
   variant = "line",
   children
 }) {
-  return /* @__PURE__ */ jsx33(StnTabsContext.Provider, { value: { value, onChange, size, variant }, children });
+  return /* @__PURE__ */ jsx34(StnTabsContext.Provider, { value: { value, onChange, size, variant }, children });
 }
 
 // src/components/tabs/StnTab.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
-var StnTab = forwardRef25(function StnTab2({
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+var StnTab = forwardRef26(function StnTab2({
   value,
   label,
   icon,
@@ -4061,7 +4109,7 @@ var StnTab = forwardRef25(function StnTab2({
   ].filter(Boolean).join(" ");
   const iconSizeClass = typeof iconSize === "string" ? `icon-${iconSize}` : void 0;
   const iconStyle = typeof iconSize === "number" ? { width: `${iconSize}px`, height: `${iconSize}px` } : void 0;
-  const renderedIcon = icon ? /* @__PURE__ */ jsx34(
+  const renderedIcon = icon ? /* @__PURE__ */ jsx35(
     "span",
     {
       className: ["stn-tab__icon", iconSizeClass].filter(Boolean).join(" "),
@@ -4086,19 +4134,19 @@ var StnTab = forwardRef25(function StnTab2({
       ...rest,
       children: [
         iconPosition !== "end" && iconPosition !== "bottom" && renderedIcon,
-        content && /* @__PURE__ */ jsx34("span", { className: "stn-tab__label", children: content }),
+        content && /* @__PURE__ */ jsx35("span", { className: "stn-tab__label", children: content }),
         (iconPosition === "end" || iconPosition === "bottom") && renderedIcon,
-        count !== void 0 && /* @__PURE__ */ jsx34("span", { className: "stn-tab__badge", children: count }),
-        badge && /* @__PURE__ */ jsx34("span", { className: "stn-tab__extra", children: badge })
+        count !== void 0 && /* @__PURE__ */ jsx35("span", { className: "stn-tab__badge", children: count }),
+        badge && /* @__PURE__ */ jsx35("span", { className: "stn-tab__extra", children: badge })
       ]
     }
   );
 });
 
 // src/components/tabs/StnTabPanel.tsx
-import { forwardRef as forwardRef26 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var StnTabPanel = forwardRef26(function StnTabPanel2({
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var StnTabPanel = forwardRef27(function StnTabPanel2({
   value,
   current,
   padding = "md",
@@ -4118,7 +4166,7 @@ var StnTabPanel = forwardRef26(function StnTabPanel2({
     padding && `padding-${padding}`,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       ref,
@@ -4133,9 +4181,9 @@ var StnTabPanel = forwardRef26(function StnTabPanel2({
 });
 
 // src/components/tabs/StnTabs.tsx
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
-var StnTabsRoot = forwardRef27(function StnTabs({
+var StnTabsRoot = forwardRef28(function StnTabs({
   value: controlledValue,
   defaultValue,
   onChange,
@@ -4258,7 +4306,7 @@ var StnTabsRoot = forwardRef27(function StnTabs({
     className
   ].filter(Boolean).join(" ");
   const content = /* @__PURE__ */ jsxs27("div", { ref, className: classList, ...rest, children: [
-    showScrollButtons && /* @__PURE__ */ jsx36(
+    showScrollButtons && /* @__PURE__ */ jsx37(
       "button",
       {
         type: "button",
@@ -4266,7 +4314,7 @@ var StnTabsRoot = forwardRef27(function StnTabs({
         disabled: !canScrollStart,
         className: "stn-tabs__scroll-button start",
         onClick: handleScrollLeft,
-        children: /* @__PURE__ */ jsx36(
+        children: /* @__PURE__ */ jsx37(
           "svg",
           {
             width: "16",
@@ -4277,19 +4325,19 @@ var StnTabsRoot = forwardRef27(function StnTabs({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx36("polyline", { points: "15 18 9 12 15 6" })
+            children: /* @__PURE__ */ jsx37("polyline", { points: "15 18 9 12 15 6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       "div",
       {
         ref: scrollerRef,
         className: "stn-tabs__scroller",
         onScroll: updateScrollState,
         children: /* @__PURE__ */ jsxs27("ul", { ref: listRef, role: "tablist", className: "stn-tabs__list", children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "div",
             {
               className: "stn-tabs__indicator",
@@ -4300,7 +4348,7 @@ var StnTabsRoot = forwardRef27(function StnTabs({
               }
             }
           ),
-          items && items.length > 0 ? items.map((item) => /* @__PURE__ */ jsx36(
+          items && items.length > 0 ? items.map((item) => /* @__PURE__ */ jsx37(
             StnTab,
             {
               value: item.value,
@@ -4318,7 +4366,7 @@ var StnTabsRoot = forwardRef27(function StnTabs({
         ] })
       }
     ),
-    showScrollButtons && /* @__PURE__ */ jsx36(
+    showScrollButtons && /* @__PURE__ */ jsx37(
       "button",
       {
         type: "button",
@@ -4326,7 +4374,7 @@ var StnTabsRoot = forwardRef27(function StnTabs({
         disabled: !canScrollEnd,
         className: "stn-tabs__scroll-button end",
         onClick: handleScrollRight,
-        children: /* @__PURE__ */ jsx36(
+        children: /* @__PURE__ */ jsx37(
           "svg",
           {
             width: "16",
@@ -4337,14 +4385,14 @@ var StnTabsRoot = forwardRef27(function StnTabs({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx36("polyline", { points: "9 18 15 12 9 6" })
+            children: /* @__PURE__ */ jsx37("polyline", { points: "9 18 15 12 9 6" })
           }
         )
       }
     )
   ] });
   if (!context) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       StnTabContextProvider,
       {
         value: activeValue,
@@ -4371,9 +4419,9 @@ import {
   useRef as useRef6,
   useState as useState10
 } from "react";
-import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function resolveGlyph(node) {
-  if (typeof node === "string") return /* @__PURE__ */ jsx37(StnIcon, { name: node, size: 16, color: "currentColor" });
+  if (typeof node === "string") return /* @__PURE__ */ jsx38(StnIcon, { name: node, size: 16, color: "currentColor" });
   return node;
 }
 function modifierClass(modifier) {
@@ -4527,7 +4575,7 @@ function StnDropdown({
       "aria-invalid": error || void 0,
       ...!hasHelper ? divRest : {},
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "div",
           {
             className: cn("selected", !hasValue && placeholder && "is-placeholder"),
@@ -4544,7 +4592,7 @@ function StnDropdown({
             children: displayLabel
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "ul",
           {
             className: cn("select_option", "stn-scroll", "vertical", "thin"),
@@ -4567,15 +4615,15 @@ function StnDropdown({
                     if (e.key === "Enter" && !opt.disabled) pick(opt.value);
                   },
                   children: [
-                    /* @__PURE__ */ jsx37(
+                    /* @__PURE__ */ jsx38(
                       "span",
                       {
                         className: cn("stn-dropdown__check", isSelected && "is-checked"),
                         "aria-hidden": "true",
-                        children: isSelected ? /* @__PURE__ */ jsx37(StnIcon, { name: "line/check", size: 14, color: "currentColor" }) : null
+                        children: isSelected ? /* @__PURE__ */ jsx38(StnIcon, { name: "line/check", size: 14, color: "currentColor" }) : null
                       }
                     ),
-                    /* @__PURE__ */ jsx37("span", { className: "stn-dropdown__item-label", children: opt.label })
+                    /* @__PURE__ */ jsx38("span", { className: "stn-dropdown__item-label", children: opt.label })
                   ]
                 },
                 opt.value
@@ -4591,9 +4639,9 @@ function StnDropdown({
   if (!hasWrap) return dropdownNode;
   const resolvedLabelIcon = labelIcon ?? icon;
   const labelElement = hasLabel ? /* @__PURE__ */ jsxs28("label", { htmlFor: rootId, className: "stn-dropdown__label", children: [
-    resolvedLabelIcon ? /* @__PURE__ */ jsx37("span", { className: "stn-dropdown__label-icon", "aria-hidden": "true", children: resolveGlyph(resolvedLabelIcon) }) : null,
-    /* @__PURE__ */ jsx37("span", { className: "stn-dropdown__label-text", children: label }),
-    required && /* @__PURE__ */ jsx37("span", { className: "stn-dropdown__required", "aria-hidden": "true", children: "*" })
+    resolvedLabelIcon ? /* @__PURE__ */ jsx38("span", { className: "stn-dropdown__label-icon", "aria-hidden": "true", children: resolveGlyph(resolvedLabelIcon) }) : null,
+    /* @__PURE__ */ jsx38("span", { className: "stn-dropdown__label-text", children: label }),
+    required && /* @__PURE__ */ jsx38("span", { className: "stn-dropdown__required", "aria-hidden": "true", children: "*" })
   ] }) : null;
   const isRow = labelPosition === "left" || labelPosition === "right";
   return /* @__PURE__ */ jsxs28(
@@ -4616,7 +4664,7 @@ function StnDropdown({
         hasLabel && (labelPosition === "left" || labelPosition === "top") ? labelElement : null,
         /* @__PURE__ */ jsxs28("div", { className: "stn-dropdown-wrap__body", children: [
           dropdownNode,
-          hasHelper && /* @__PURE__ */ jsx37(
+          hasHelper && /* @__PURE__ */ jsx38(
             "span",
             {
               id: helperId,
@@ -4632,12 +4680,12 @@ function StnDropdown({
 }
 
 // src/components/StnDropdownMenu.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function StnDropdownMenu({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     StnDropdown,
     {
       size: "xl",
@@ -4648,8 +4696,8 @@ function StnDropdownMenu({
 }
 
 // src/components/StnTextField.tsx
-import { forwardRef as forwardRef28, useId as useId11 } from "react";
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { forwardRef as forwardRef29, useId as useId11 } from "react";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function normalizeSize(size) {
   if (!size) return "md";
   const l = String(size).toLowerCase();
@@ -4673,10 +4721,10 @@ function colorClass(color) {
   return color;
 }
 function resolveGlyph2(node) {
-  if (typeof node === "string") return /* @__PURE__ */ jsx39(StnIcon, { name: node, size: 16, color: "currentColor" });
+  if (typeof node === "string") return /* @__PURE__ */ jsx40(StnIcon, { name: node, size: 16, color: "currentColor" });
   return node;
 }
-var StnTextField = forwardRef28(function StnTextField2({
+var StnTextField = forwardRef29(function StnTextField2({
   size = "M",
   variant = "outlined",
   color,
@@ -4722,7 +4770,7 @@ var StnTextField = forwardRef28(function StnTextField2({
     hasSlot && "with-icon",
     className
   );
-  const input = /* @__PURE__ */ jsx39(
+  const input = /* @__PURE__ */ jsx40(
     "input",
     {
       ref,
@@ -4738,15 +4786,15 @@ var StnTextField = forwardRef28(function StnTextField2({
     }
   );
   const field = hasSlot ? /* @__PURE__ */ jsxs29("div", { className: fieldClass, style: hasWrap ? void 0 : widthProps.style, children: [
-    hasLeft ? /* @__PURE__ */ jsx39("span", { className: "stn-text-field__icon-left", "aria-hidden": true, children: /* @__PURE__ */ jsx39("span", { className: "stn-text-field__icon-box", children: resolveGlyph2(leftNode) }) }) : null,
+    hasLeft ? /* @__PURE__ */ jsx40("span", { className: "stn-text-field__icon-left", "aria-hidden": true, children: /* @__PURE__ */ jsx40("span", { className: "stn-text-field__icon-box", children: resolveGlyph2(leftNode) }) }) : null,
     input,
-    hasRight ? /* @__PURE__ */ jsx39("span", { className: "stn-text-field__icon-right", "aria-hidden": true, children: /* @__PURE__ */ jsx39("span", { className: "stn-text-field__icon-box", children: resolveGlyph2(rightNode) }) }) : null
+    hasRight ? /* @__PURE__ */ jsx40("span", { className: "stn-text-field__icon-right", "aria-hidden": true, children: /* @__PURE__ */ jsx40("span", { className: "stn-text-field__icon-box", children: resolveGlyph2(rightNode) }) }) : null
   ] }) : input;
   if (!hasWrap) return field;
   const labelElement = hasLabel ? /* @__PURE__ */ jsxs29("label", { htmlFor: id, className: "stn-text-field__label", children: [
-    labelIcon ? /* @__PURE__ */ jsx39("span", { className: "stn-text-field__label-icon", "aria-hidden": "true", children: resolveGlyph2(labelIcon) }) : null,
-    /* @__PURE__ */ jsx39("span", { className: "stn-text-field__label-text", children: label }),
-    required && /* @__PURE__ */ jsx39("span", { className: "stn-text-field__required", "aria-hidden": "true", children: "*" })
+    labelIcon ? /* @__PURE__ */ jsx40("span", { className: "stn-text-field__label-icon", "aria-hidden": "true", children: resolveGlyph2(labelIcon) }) : null,
+    /* @__PURE__ */ jsx40("span", { className: "stn-text-field__label-text", children: label }),
+    required && /* @__PURE__ */ jsx40("span", { className: "stn-text-field__required", "aria-hidden": "true", children: "*" })
   ] }) : null;
   const isRow = labelPosition === "left" || labelPosition === "right";
   return /* @__PURE__ */ jsxs29(
@@ -4765,7 +4813,7 @@ var StnTextField = forwardRef28(function StnTextField2({
         hasLabel && (labelPosition === "left" || labelPosition === "top") ? labelElement : null,
         /* @__PURE__ */ jsxs29("div", { className: "stn-text-field-wrap__body", children: [
           field,
-          hasHelper && /* @__PURE__ */ jsx39(
+          hasHelper && /* @__PURE__ */ jsx40(
             "p",
             {
               id: helperId,
@@ -4782,11 +4830,11 @@ var StnTextField = forwardRef28(function StnTextField2({
 
 // src/components/StnTextArea.tsx
 import {
-  forwardRef as forwardRef29,
+  forwardRef as forwardRef30,
   useId as useId12,
   useState as useState11
 } from "react";
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function normalizeSize2(size) {
   return size ?? "md";
 }
@@ -4807,10 +4855,10 @@ function resizeClass(resize) {
   return "resize-vertical";
 }
 function resolveGlyph3(node) {
-  if (typeof node === "string") return /* @__PURE__ */ jsx40(StnIcon, { name: node, size: 16, color: "currentColor" });
+  if (typeof node === "string") return /* @__PURE__ */ jsx41(StnIcon, { name: node, size: 16, color: "currentColor" });
   return node;
 }
-var StnTextArea = forwardRef29(function StnTextArea2({
+var StnTextArea = forwardRef30(function StnTextArea2({
   size = "md",
   variant = "outlined",
   color,
@@ -4867,7 +4915,7 @@ var StnTextArea = forwardRef29(function StnTextArea2({
     invalid && "invalid",
     className
   );
-  const textareaElement = /* @__PURE__ */ jsx40(
+  const textareaElement = /* @__PURE__ */ jsx41(
     "textarea",
     {
       ref,
@@ -4890,9 +4938,9 @@ var StnTextArea = forwardRef29(function StnTextArea2({
     return textareaElement;
   }
   const labelElement = hasLabel ? /* @__PURE__ */ jsxs30("label", { htmlFor: id, className: "stn-text-area__label", children: [
-    labelIcon ? /* @__PURE__ */ jsx40("span", { className: "stn-text-area__label-icon", "aria-hidden": "true", children: resolveGlyph3(labelIcon) }) : null,
-    /* @__PURE__ */ jsx40("span", { className: "stn-text-area__label-text", children: label }),
-    required && /* @__PURE__ */ jsx40("span", { className: "stn-text-area__required", "aria-hidden": "true", children: "*" })
+    labelIcon ? /* @__PURE__ */ jsx41("span", { className: "stn-text-area__label-icon", "aria-hidden": "true", children: resolveGlyph3(labelIcon) }) : null,
+    /* @__PURE__ */ jsx41("span", { className: "stn-text-area__label-text", children: label }),
+    required && /* @__PURE__ */ jsx41("span", { className: "stn-text-area__required", "aria-hidden": "true", children: "*" })
   ] }) : null;
   const isRow = labelPosition === "left" || labelPosition === "right";
   return /* @__PURE__ */ jsxs30(
@@ -4912,14 +4960,14 @@ var StnTextArea = forwardRef29(function StnTextArea2({
         /* @__PURE__ */ jsxs30("div", { className: "stn-text-area-wrap__body", children: [
           textareaElement,
           hasFooter && /* @__PURE__ */ jsxs30("div", { className: "stn-text-area__footer", children: [
-            hasHelper ? /* @__PURE__ */ jsx40(
+            hasHelper ? /* @__PURE__ */ jsx41(
               "p",
               {
                 id: helperId,
                 className: cn("stn-text-area__helper", invalid && "stn-text-area__helper--error"),
                 children: helperText
               }
-            ) : /* @__PURE__ */ jsx40("span", {}),
+            ) : /* @__PURE__ */ jsx41("span", {}),
             showCount && /* @__PURE__ */ jsxs30("span", { className: "stn-text-area__count", children: [
               currentLength,
               maxLength != null ? ` / ${maxLength}` : ""
@@ -4934,13 +4982,13 @@ var StnTextArea = forwardRef29(function StnTextArea2({
 StnTextArea.displayName = "StnTextArea";
 
 // src/components/StnDateRangeField.tsx
-import { forwardRef as forwardRef30, useId as useId13 } from "react";
+import { forwardRef as forwardRef31, useId as useId13 } from "react";
 import {
   formatStnDateRangeFieldValue
 } from "@stn-uiux/pub-ui/data/stnDateRangeField";
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function resolveGlyph4(node) {
-  if (typeof node === "string") return /* @__PURE__ */ jsx41(StnIcon, { name: node, size: 16, color: "currentColor" });
+  if (typeof node === "string") return /* @__PURE__ */ jsx42(StnIcon, { name: node, size: 16, color: "currentColor" });
   return node;
 }
 function normalizeSize3(size) {
@@ -4964,7 +5012,7 @@ function resolveValue(value, format) {
   const trimmed = value.trim();
   return trimmed || null;
 }
-var StnDateRangeField = forwardRef30(function StnDateRangeField2({
+var StnDateRangeField = forwardRef31(function StnDateRangeField2({
   size = "md",
   variant = "outline",
   start,
@@ -4998,7 +5046,7 @@ var StnDateRangeField = forwardRef30(function StnDateRangeField2({
   const hasLabel = label != null && label !== "";
   const hasHelper = helperText != null && helperText !== "";
   const hasWrap = hasLabel || hasHelper;
-  const buttonNode = /* @__PURE__ */ jsx41(
+  const buttonNode = /* @__PURE__ */ jsx42(
     "button",
     {
       ref,
@@ -5020,20 +5068,20 @@ var StnDateRangeField = forwardRef30(function StnDateRangeField2({
       ...rest,
       children: /* @__PURE__ */ jsxs31("span", { className: "stn-date-range-field__inner", children: [
         /* @__PURE__ */ jsxs31("span", { className: "stn-date-range-field__text", children: [
-          /* @__PURE__ */ jsx41("span", { className: cn("stn-date-range-field__value", !startText && "is-placeholder"), children: startText ?? startPlaceholder }),
-          /* @__PURE__ */ jsx41("span", { className: "stn-date-range-field__sep", "aria-hidden": "true", children: "~" }),
-          /* @__PURE__ */ jsx41("span", { className: cn("stn-date-range-field__value", !endText && "is-placeholder"), children: endText ?? endPlaceholder })
+          /* @__PURE__ */ jsx42("span", { className: cn("stn-date-range-field__value", !startText && "is-placeholder"), children: startText ?? startPlaceholder }),
+          /* @__PURE__ */ jsx42("span", { className: "stn-date-range-field__sep", "aria-hidden": "true", children: "~" }),
+          /* @__PURE__ */ jsx42("span", { className: cn("stn-date-range-field__value", !endText && "is-placeholder"), children: endText ?? endPlaceholder })
         ] }),
-        /* @__PURE__ */ jsx41("span", { className: "stn-date-range-field__icon", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx42("span", { className: "stn-date-range-field__icon", "aria-hidden": "true" })
       ] })
     }
   );
   if (!hasWrap) return buttonNode;
   const resolvedLabelIcon = labelIcon ?? icon;
   const labelElement = hasLabel ? /* @__PURE__ */ jsxs31("label", { htmlFor: rootId, className: "stn-date-range-field__label", children: [
-    resolvedLabelIcon ? /* @__PURE__ */ jsx41("span", { className: "stn-date-range-field__label-icon", "aria-hidden": "true", children: resolveGlyph4(resolvedLabelIcon) }) : null,
-    /* @__PURE__ */ jsx41("span", { className: "stn-date-range-field__label-text", children: label }),
-    required && /* @__PURE__ */ jsx41("span", { className: "stn-date-range-field__required", "aria-hidden": "true", children: "*" })
+    resolvedLabelIcon ? /* @__PURE__ */ jsx42("span", { className: "stn-date-range-field__label-icon", "aria-hidden": "true", children: resolveGlyph4(resolvedLabelIcon) }) : null,
+    /* @__PURE__ */ jsx42("span", { className: "stn-date-range-field__label-text", children: label }),
+    required && /* @__PURE__ */ jsx42("span", { className: "stn-date-range-field__required", "aria-hidden": "true", children: "*" })
   ] }) : null;
   const isRow = labelPosition === "left" || labelPosition === "right";
   return /* @__PURE__ */ jsxs31(
@@ -5054,7 +5102,7 @@ var StnDateRangeField = forwardRef30(function StnDateRangeField2({
         hasLabel && (labelPosition === "left" || labelPosition === "top") ? labelElement : null,
         /* @__PURE__ */ jsxs31("div", { className: "stn-date-range-field-wrap__body", children: [
           buttonNode,
-          hasHelper && /* @__PURE__ */ jsx41(
+          hasHelper && /* @__PURE__ */ jsx42(
             "span",
             {
               id: `${rootId}-helper`,
@@ -5079,7 +5127,7 @@ import {
   isValidElement as isValidElement4,
   cloneElement as cloneElement4
 } from "react";
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 function sizeClass4(size) {
   return size;
 }
@@ -5144,7 +5192,7 @@ function StnLabelPrefix({
   );
   const defaultCheckboxSize = size === "lg" ? "md" : "sm";
   const resolvedCheckboxSize = checkboxSize ?? defaultCheckboxSize;
-  const checkboxNode = checkboxSlot ?? (checkbox ? /* @__PURE__ */ jsx42("span", { className: "stn-label-prefix__checkbox", children: /* @__PURE__ */ jsx42(
+  const checkboxNode = checkboxSlot ?? (checkbox ? /* @__PURE__ */ jsx43("span", { className: "stn-label-prefix__checkbox", children: /* @__PURE__ */ jsx43(
     StnCheckbox,
     {
       size: resolvedCheckboxSize,
@@ -5158,12 +5206,12 @@ function StnLabelPrefix({
   ) }) : null);
   const labelSection = /* @__PURE__ */ jsxs32("span", { className: "stn-label-prefix__label", children: [
     checkboxNode,
-    labelIcon != null && /* @__PURE__ */ jsx42("span", { className: "stn-label-prefix__icon", "aria-hidden": "true", children: labelIcon }),
+    labelIcon != null && /* @__PURE__ */ jsx43("span", { className: "stn-label-prefix__icon", "aria-hidden": "true", children: labelIcon }),
     /* @__PURE__ */ jsxs32("span", { className: "stn-label-prefix__text", children: [
       label,
-      required && /* @__PURE__ */ jsx42("span", { className: "stn-label-prefix__required", "aria-hidden": "true", children: "*" })
+      required && /* @__PURE__ */ jsx43("span", { className: "stn-label-prefix__required", "aria-hidden": "true", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx42("span", { className: "stn-label-prefix__divider", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx43("span", { className: "stn-label-prefix__divider", "aria-hidden": "true" })
   ] });
   let renderedControl = children;
   if (isControlDisabled && isValidElement4(children) && typeof children.type !== "string") {
@@ -5183,7 +5231,7 @@ function StnLabelPrefix({
       ...!hasHelper ? rest : {},
       children: [
         labelSection,
-        /* @__PURE__ */ jsx42("span", { className: "stn-label-prefix__control", children: renderedControl })
+        /* @__PURE__ */ jsx43("span", { className: "stn-label-prefix__control", children: renderedControl })
       ]
     }
   );
@@ -5204,7 +5252,7 @@ function StnLabelPrefix({
       ...rest,
       children: [
         prefixNode,
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           "p",
           {
             id: helperId,
@@ -5270,14 +5318,14 @@ import {
 } from "@stn-uiux/pub-ui/data/stnSearchRequirement";
 
 // src/patterns/search/StnSearchRequirementBar.tsx
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function StnSearchRequirementBar({
   children,
   className,
   density = "default",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -5293,7 +5341,7 @@ function StnSearchRequirementBar({
   );
 }
 function StnSearchRequirementBarFields({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx43("div", { className: cn("stn-search-requirement__fields", className), "data-stn-search-requirement": "fields", ...rest, children });
+  return /* @__PURE__ */ jsx44("div", { className: cn("stn-search-requirement__fields", className), "data-stn-search-requirement": "fields", ...rest, children });
 }
 function StnSearchRequirementBarField({
   label,
@@ -5304,19 +5352,19 @@ function StnSearchRequirementBarField({
   ...rest
 }) {
   return /* @__PURE__ */ jsxs33("div", { className: cn("stn-search-requirement__field", className), "data-stn-search-requirement": "field", ...rest, children: [
-    /* @__PURE__ */ jsx43("span", { className: cn("stn-search-requirement__label", labelClassName), children: label }),
-    /* @__PURE__ */ jsx43("div", { className: cn("stn-search-requirement__control", controlClassName), children })
+    /* @__PURE__ */ jsx44("span", { className: cn("stn-search-requirement__label", labelClassName), children: label }),
+    /* @__PURE__ */ jsx44("div", { className: cn("stn-search-requirement__control", controlClassName), children })
   ] });
 }
 function StnSearchRequirementBarSearchButton({
   children = "\uAC80\uC0C9",
   size = "md",
   variant = "outlined",
-  icon = /* @__PURE__ */ jsx43(StnIcon, { name: "line/search", size: 16, color: "currentColor" }),
+  icon = /* @__PURE__ */ jsx44(StnIcon, { name: "line/search", size: 16, color: "currentColor" }),
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     StnButton,
     {
       size,
@@ -5338,10 +5386,10 @@ function StnSearchRequirementBarExport({
   "aria-label": ariaLabel = "Excel\uBCF4\uB0B4\uAE30",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     StnButton,
     {
-      icon: icon ?? /* @__PURE__ */ jsx43(StnIcon, { name, size: 24, color: "currentColor" }),
+      icon: icon ?? /* @__PURE__ */ jsx44(StnIcon, { name, size: 24, color: "currentColor" }),
       variant,
       size,
       "aria-label": ariaLabel,
@@ -5352,7 +5400,7 @@ function StnSearchRequirementBarExport({
   );
 }
 function StnSearchRequirementBarDivider({ className, ...rest }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "span",
     {
       className: cn("stn-search-requirement__divider", className),
@@ -5444,7 +5492,7 @@ function normalizeRange(start, end) {
 }
 
 // src/components/datePicker/StnDateRangePicker.tsx
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function useDraftRange(value, open) {
   const [draft, setDraft] = useState13(value);
   useEffect10(() => {
@@ -5457,17 +5505,17 @@ function CalendarPanel({ month, range, onPick, onPrev, onNext, showPrev = true,
   const { start, end } = range;
   return /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-panel", children: [
     /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-panel__header", children: [
-      showPrev ? /* @__PURE__ */ jsx44("button", { type: "button", className: "stn-date-picker-panel__nav", onClick: onPrev, "aria-label": "Previous month", children: "\u2039" }) : /* @__PURE__ */ jsx44("span", { className: "stn-date-picker-panel__nav", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx44("p", { className: "stn-date-picker-panel__title", children: formatMonthTitle(month) }),
-      showNext ? /* @__PURE__ */ jsx44("button", { type: "button", className: "stn-date-picker-panel__nav", onClick: onNext, "aria-label": "Next month", children: "\u203A" }) : /* @__PURE__ */ jsx44("span", { className: "stn-date-picker-panel__nav", "aria-hidden": "true" })
+      showPrev ? /* @__PURE__ */ jsx45("button", { type: "button", className: "stn-date-picker-panel__nav", onClick: onPrev, "aria-label": "Previous month", children: "\u2039" }) : /* @__PURE__ */ jsx45("span", { className: "stn-date-picker-panel__nav", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx45("p", { className: "stn-date-picker-panel__title", children: formatMonthTitle(month) }),
+      showNext ? /* @__PURE__ */ jsx45("button", { type: "button", className: "stn-date-picker-panel__nav", onClick: onNext, "aria-label": "Next month", children: "\u203A" }) : /* @__PURE__ */ jsx45("span", { className: "stn-date-picker-panel__nav", "aria-hidden": "true" })
     ] }),
     /* @__PURE__ */ jsxs34("table", { className: "stn-date-picker-content", children: [
-      /* @__PURE__ */ jsx44("thead", { children: /* @__PURE__ */ jsx44("tr", { children: STN_DATE_PICKER_WEEKDAYS.map((label) => /* @__PURE__ */ jsx44("th", { scope: "col", children: label }, label)) }) }),
-      /* @__PURE__ */ jsx44("tbody", { children: Array.from({ length: 6 }, (_, row) => /* @__PURE__ */ jsx44("tr", { children: days.slice(row * 7, row * 7 + 7).map((cell) => {
+      /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsx45("tr", { children: STN_DATE_PICKER_WEEKDAYS.map((label) => /* @__PURE__ */ jsx45("th", { scope: "col", children: label }, label)) }) }),
+      /* @__PURE__ */ jsx45("tbody", { children: Array.from({ length: 6 }, (_, row) => /* @__PURE__ */ jsx45("tr", { children: days.slice(row * 7, row * 7 + 7).map((cell) => {
         const inRange = start && end && isBetweenDays(cell.date, start, end);
         const isStart = start ? isSameDay(cell.date, start) : false;
         const isEnd = end ? isSameDay(cell.date, end) : false;
-        return /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsx45(
           "td",
           {
             className: cn(
@@ -5477,7 +5525,7 @@ function CalendarPanel({ month, range, onPick, onPrev, onNext, showPrev = true,
               isStart && "stn-date-picker-cell--range-start",
               isEnd && "stn-date-picker-cell--range-end"
             ),
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx45(
               "button",
               {
                 type: "button",
@@ -5500,15 +5548,15 @@ function TimeColumns({ label, value, onChange }) {
   const base = value ?? /* @__PURE__ */ new Date();
   const patch = (h, m, s) => onChange(setTimePart(base, h, m, s));
   return /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-time__side", children: [
-    /* @__PURE__ */ jsx44("span", { className: "stn-date-picker-time__label", children: label }),
+    /* @__PURE__ */ jsx45("span", { className: "stn-date-picker-time__label", children: label }),
     /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-time__columns", children: [
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(
         StnScroll,
         {
           variant: "arrows",
           size: "thin",
           className: "stn-date-picker-time__scroll",
-          children: /* @__PURE__ */ jsx44("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} hour`, children: Array.from({ length: 24 }, (_, h) => /* @__PURE__ */ jsx44("li", { children: /* @__PURE__ */ jsx44(
+          children: /* @__PURE__ */ jsx45("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} hour`, children: Array.from({ length: 24 }, (_, h) => /* @__PURE__ */ jsx45("li", { children: /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -5519,13 +5567,13 @@ function TimeColumns({ label, value, onChange }) {
           ) }, h)) })
         }
       ),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(
         StnScroll,
         {
           variant: "arrows",
           size: "thin",
           className: "stn-date-picker-time__scroll",
-          children: /* @__PURE__ */ jsx44("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} minute`, children: Array.from({ length: 60 }, (_, m) => /* @__PURE__ */ jsx44("li", { children: /* @__PURE__ */ jsx44(
+          children: /* @__PURE__ */ jsx45("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} minute`, children: Array.from({ length: 60 }, (_, m) => /* @__PURE__ */ jsx45("li", { children: /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -5536,13 +5584,13 @@ function TimeColumns({ label, value, onChange }) {
           ) }, m)) })
         }
       ),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(
         StnScroll,
         {
           variant: "arrows",
           size: "thin",
           className: "stn-date-picker-time__scroll",
-          children: /* @__PURE__ */ jsx44("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} second`, children: Array.from({ length: 60 }, (_, s) => /* @__PURE__ */ jsx44("li", { children: /* @__PURE__ */ jsx44(
+          children: /* @__PURE__ */ jsx45("ul", { className: "stn-date-picker-time__column", "aria-label": `${label} second`, children: Array.from({ length: 60 }, (_, s) => /* @__PURE__ */ jsx45("li", { children: /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -5621,7 +5669,7 @@ function StnDateRangePicker({
     left: anchorRect.left,
     ...style
   } : style ?? {};
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       className: cn("stn-date-picker-dropdown", className),
@@ -5630,9 +5678,9 @@ function StnDateRangePicker({
       "aria-modal": "false",
       "aria-labelledby": titleId,
       children: /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-dropdown__body", children: [
-        /* @__PURE__ */ jsx44("span", { id: titleId, className: "stn-sf__visually-hidden", children: "Date range picker" }),
+        /* @__PURE__ */ jsx45("span", { id: titleId, className: "stn-sf__visually-hidden", children: "Date range picker" }),
         /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-dropdown__panels", children: [
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             CalendarPanel,
             {
               month: leftMonth,
@@ -5643,7 +5691,7 @@ function StnDateRangePicker({
               showNext: false
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             CalendarPanel,
             {
               month: rightMonth,
@@ -5656,7 +5704,7 @@ function StnDateRangePicker({
           )
         ] }),
         showTime ? /* @__PURE__ */ jsxs34("div", { className: "stn-date-picker-time", children: [
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             TimeColumns,
             {
               label: "\uC2DC\uC791",
@@ -5664,7 +5712,7 @@ function StnDateRangePicker({
               onChange: (start) => updateDraft({ ...draft, start })
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             TimeColumns,
             {
               label: "\uC885\uB8CC",
@@ -5673,14 +5721,14 @@ function StnDateRangePicker({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx44("div", { className: "stn-date-picker-footer", children: /* @__PURE__ */ jsx44(StnButton, { size: "md", variant: "contained", onClick: handleApply, disabled: !draft.start || !draft.end, children: "\uD655\uC778" }) })
+        /* @__PURE__ */ jsx45("div", { className: "stn-date-picker-footer", children: /* @__PURE__ */ jsx45(StnButton, { size: "md", variant: "contained", onClick: handleApply, disabled: !draft.start || !draft.end, children: "\uD655\uC778" }) })
       ] })
     }
   );
 }
 
 // src/components/datePicker/StnDateRangePickerField.tsx
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function useControllableRange(controlled, defaultValue, onChange) {
   const [internal, setInternal] = useState14(defaultValue);
   const value = controlled ?? internal;
@@ -5753,7 +5801,7 @@ function StnDateRangePickerField({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [open]);
   return /* @__PURE__ */ jsxs35("div", { ref: rootRef, className: cn("stn-date-picker-field", className), children: [
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx46(
       StnDateRangeField,
       {
         ref: triggerRef,
@@ -5773,7 +5821,7 @@ function StnDateRangePickerField({
       }
     ),
     open && typeof document !== "undefined" ? createPortal3(
-      /* @__PURE__ */ jsx45("div", { ref: panelRef, children: /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx46("div", { ref: panelRef, children: /* @__PURE__ */ jsx46(
         StnDateRangePicker,
         {
           open: true,
@@ -5792,13 +5840,13 @@ function StnDateRangePickerField({
 }
 
 // src/patterns/search/StnSearchRequirementBarDemo.tsx
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 var ALL_OPTIONS = [{ value: "", label: "\uC804\uCCB4" }];
 function StnSearchRequirementBarDemo({ onSearch, onExport, className }) {
   const demo = STN_SEARCH_REQUIREMENT_DEMO_FIELDS;
   return /* @__PURE__ */ jsxs36(StnSearchRequirementBar, { className, children: [
     /* @__PURE__ */ jsxs36(StnSearchRequirementBar.Fields, { children: [
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         StnTextField,
         {
           label: demo.reportTypeText.label,
@@ -5808,7 +5856,7 @@ function StnSearchRequirementBarDemo({ onSearch, onExport, className }) {
           "aria-label": demo.reportTypeText.label
         }
       ),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         StnDropdown,
         {
           label: demo.reportTypeSelect.label,
@@ -5819,7 +5867,7 @@ function StnSearchRequirementBarDemo({ onSearch, onExport, className }) {
           "aria-label": demo.reportTypeSelect.label
         }
       ),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         StnDropdown,
         {
           label: demo.periodType.label,
@@ -5830,7 +5878,7 @@ function StnSearchRequirementBarDemo({ onSearch, onExport, className }) {
           "aria-label": demo.periodType.label
         }
       ),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         StnDateRangePickerField,
         {
           label: demo.period.label,
@@ -5844,8 +5892,8 @@ function StnSearchRequirementBarDemo({ onSearch, onExport, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx46(StnSearchRequirementBar.SearchButton, { onClick: onSearch }),
-    /* @__PURE__ */ jsx46(StnSearchRequirementBar.Export, { onClick: onExport })
+    /* @__PURE__ */ jsx47(StnSearchRequirementBar.SearchButton, { onClick: onSearch }),
+    /* @__PURE__ */ jsx47(StnSearchRequirementBar.Export, { onClick: onExport })
   ] });
 }
 
@@ -5859,7 +5907,7 @@ import {
 } from "@stn-uiux/pub-ui/data/stnHeader";
 
 // src/patterns/header/StnHeader.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function variantClass6(variant) {
   if (variant === "page") return "stn-header--page";
   return void 0;
@@ -5886,7 +5934,7 @@ function StnHeader({
     ...dynamicStyles,
     ...style
   };
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "header",
     {
       className: cn(
@@ -5904,20 +5952,20 @@ function StnHeader({
   );
 }
 function StnHeaderLeft({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx47("div", { className: cn("stn-header__left", className), "data-stn-header-region": "left", ...rest, children });
+  return /* @__PURE__ */ jsx48("div", { className: cn("stn-header__left", className), "data-stn-header-region": "left", ...rest, children });
 }
 function StnHeaderCenter({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx47("div", { className: cn("stn-header__center", className), "data-stn-header-region": "center", ...rest, children });
+  return /* @__PURE__ */ jsx48("div", { className: cn("stn-header__center", className), "data-stn-header-region": "center", ...rest, children });
 }
 function StnHeaderRight({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx47("div", { className: cn("stn-header__right", className), "data-stn-header-region": "right", ...rest, children });
+  return /* @__PURE__ */ jsx48("div", { className: cn("stn-header__right", className), "data-stn-header-region": "right", ...rest, children });
 }
 StnHeader.Left = StnHeaderLeft;
 StnHeader.Center = StnHeaderCenter;
 StnHeader.Right = StnHeaderRight;
 function StnHeaderPageTitle({ children, className, title, ...rest }) {
   const autoTitle = typeof children === "string" ? children : void 0;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "h1",
     {
       className: cn("stn-header__page-title", className),
@@ -5929,7 +5977,7 @@ function StnHeaderPageTitle({ children, className, title, ...rest }) {
 }
 function StnHeaderSubTitle({ children, className, title, ...rest }) {
   const autoTitle = typeof children === "string" ? children : void 0;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "span",
     {
       className: cn("stn-header__subtitle", className),
@@ -5941,7 +5989,7 @@ function StnHeaderSubTitle({ children, className, title, ...rest }) {
 }
 function StnHeaderContextTitle({ children, className, title, ...rest }) {
   const autoTitle = typeof children === "string" ? children : void 0;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "span",
     {
       className: cn("stn-header__context-title", className),
@@ -5952,36 +6000,43 @@ function StnHeaderContextTitle({ children, className, title, ...rest }) {
   );
 }
 function StnHeaderToolbar({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx47("div", { className: cn("stn-header-toolbar", className), "data-stn-header-toolbar": true, ...rest, children });
+  return /* @__PURE__ */ jsx48("div", { className: cn("stn-header-toolbar", className), "data-stn-header-toolbar": true, ...rest, children });
 }
 
 // src/index.ts
 import {
-  STN_LAYER0_BACKGROUND_FIGMA,
   STN_LAYER0_BACKGROUND_INTRO,
   STN_LAYER0_BACKGROUND_USAGE,
   STN_LAYER0_BACKGROUND_VARIANT_ROWS,
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES as STN_LAYER0_BACKGROUND_DEMO_IMAGES2,
+  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_MAP_LIGHT_OVERLAY as STN_LAYER0_MAP_LIGHT_OVERLAY2
 } from "@stn-uiux/pub-ui/data/stnLayer0Background";
 
 // src/patterns/background/StnLayer0Background.tsx
 import {
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_MAP_LIGHT_OVERLAY
 } from "@stn-uiux/pub-ui/data/stnLayer0Background";
-import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 function overlayStyle(overlay) {
   if (overlay == null || overlay <= 0) return void 0;
   const pct = `${Math.min(100, Math.max(0, overlay * 100))}%`;
   return { "--stn-layer0-overlay-opacity": pct };
 }
+function handleImageError(e) {
+  const currentSrc = e.currentTarget.src;
+  if (currentSrc && currentSrc.startsWith("http") && currentSrc.includes("/images/layer0/")) {
+    const fallback = currentSrc.substring(currentSrc.indexOf("/images/layer0/"));
+    if (typeof window !== "undefined" && currentSrc !== window.location.origin + fallback) {
+      e.currentTarget.src = fallback;
+    }
+  }
+}
 function StnLayer0Background({
   variant,
   kind: kindProp,
   color = "default",
-  src: srcProp,
-  srcDark: srcDarkProp,
+  src,
+  srcDark,
   overlay: overlayProp,
   overlayDarkRadial: overlayDarkRadialProp,
   alt = "",
@@ -5989,93 +6044,24 @@ function StnLayer0Background({
   style,
   ...rest
 }) {
-  let src = srcProp;
-  let srcDark = srcDarkProp;
   let overlay = overlayProp;
   let overlayDarkRadial = overlayDarkRadialProp;
-  let isPresetImage = false;
-  if (variant && variant !== "none" && variant !== "color" && variant !== "gradient") {
-    isPresetImage = true;
-    if (variant === "dashboard") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.dashboard;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.dashboardDark;
-    } else if (variant === "infomap") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomap;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapDark;
-    } else if (variant === "infomap-none") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapNone;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.infomapNoneDark;
-    } else if (variant === "showroom-a") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomA;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomADark;
-    } else if (variant === "showroom-b") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomB;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.showroomBDark;
-      overlayDarkRadial = overlayDarkRadial ?? true;
-    } else if (variant === "login") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.login;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginDark;
-    } else if (variant === "map-light") {
-      src = src ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.mapLight;
-      srcDark = srcDark ?? STN_LAYER0_BACKGROUND_DEMO_IMAGES.mapDark;
-      overlay = overlay ?? STN_LAYER0_MAP_LIGHT_OVERLAY;
-    }
+  if (variant === "none") {
+    return null;
   }
-  const kind = kindProp ?? (isPresetImage ? "image" : void 0);
-  const isImage = kind === "image" || Boolean(src || srcDark);
-  if (isImage) {
-    const paired = Boolean(src && srcDark);
-    return /* @__PURE__ */ jsx48(
+  if (variant === "color" || kindProp === "color") {
+    return /* @__PURE__ */ jsx49(
       "div",
       {
-        className: cn("stn-layer0-bg", "image", className),
-        "aria-hidden": alt === "" ? true : void 0,
-        style: { ...overlayStyle(overlay), ...style },
-        ...rest,
-        children: /* @__PURE__ */ jsxs37("div", { className: "stn-layer0-bg__media", children: [
-          src ? /* @__PURE__ */ jsx48(
-            "img",
-            {
-              className: cn("stn-layer0-bg__img", paired && "light"),
-              src,
-              alt,
-              decoding: "async",
-              onError: (e) => {
-                if (src && src.startsWith("http") && src.includes("/images/layer0/")) {
-                  const fallback = src.substring(src.indexOf("/images/layer0/"));
-                  if (typeof window !== "undefined" && e.currentTarget.src !== window.location.origin + fallback) {
-                    e.currentTarget.src = fallback;
-                  }
-                }
-              }
-            }
-          ) : null,
-          srcDark ? /* @__PURE__ */ jsx48(
-            "img",
-            {
-              className: cn("stn-layer0-bg__img", paired ? "dark" : void 0),
-              src: srcDark,
-              alt,
-              decoding: "async",
-              onError: (e) => {
-                if (srcDark && srcDark.startsWith("http") && srcDark.includes("/images/layer0/")) {
-                  const fallback = srcDark.substring(srcDark.indexOf("/images/layer0/"));
-                  if (typeof window !== "undefined" && e.currentTarget.src !== window.location.origin + fallback) {
-                    e.currentTarget.src = fallback;
-                  }
-                }
-              }
-            }
-          ) : null,
-          overlay != null && overlay > 0 ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
-          overlayDarkRadial ? /* @__PURE__ */ jsx48("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
-        ] })
+        className: cn("stn-layer0-bg", "color", color, className),
+        "aria-hidden": "true",
+        style,
+        ...rest
       }
     );
   }
-  const isGradient = kind === "gradient" || variant === "gradient";
-  if (isGradient) {
-    return /* @__PURE__ */ jsx48(
+  if (variant === "gradient" || kindProp === "gradient") {
+    return /* @__PURE__ */ jsx49(
       "div",
       {
         className: cn("stn-layer0-bg", "gradient", className),
@@ -6085,13 +6071,61 @@ function StnLayer0Background({
       }
     );
   }
-  return /* @__PURE__ */ jsx48(
+  if (src || srcDark) {
+    const paired = Boolean(src && srcDark);
+    return /* @__PURE__ */ jsxs37(
+      "div",
+      {
+        className: cn("stn-layer0-bg", "image", className),
+        "aria-hidden": alt === "" ? true : void 0,
+        style: { ...overlayStyle(overlay), ...style },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs37("div", { className: "stn-layer0-bg__media", children: [
+            src ? /* @__PURE__ */ jsx49(
+              "img",
+              {
+                className: cn("stn-layer0-bg__img", paired && "light"),
+                src,
+                alt,
+                decoding: "async",
+                onError: handleImageError
+              }
+            ) : null,
+            srcDark ? /* @__PURE__ */ jsx49(
+              "img",
+              {
+                className: cn("stn-layer0-bg__img", paired ? "dark" : void 0),
+                src: srcDark,
+                alt,
+                decoding: "async",
+                onError: handleImageError
+              }
+            ) : null
+          ] }),
+          overlay != null && overlay > 0 ? /* @__PURE__ */ jsx49("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
+          overlayDarkRadial ? /* @__PURE__ */ jsx49("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
+        ]
+      }
+    );
+  }
+  const presetKey = variant ?? "dashboard";
+  if (presetKey === "map-light") {
+    overlay = overlay ?? STN_LAYER0_MAP_LIGHT_OVERLAY;
+  } else if (presetKey === "showroom-b") {
+    overlayDarkRadial = overlayDarkRadial ?? true;
+  }
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
-      className: cn("stn-layer0-bg", "color", color, className),
-      "aria-hidden": "true",
-      style,
-      ...rest
+      className: cn("stn-layer0-bg", presetKey, className),
+      "aria-hidden": alt === "" ? true : void 0,
+      style: { ...overlayStyle(overlay), ...style },
+      ...rest,
+      children: [
+        overlay != null && overlay > 0 ? /* @__PURE__ */ jsx49("div", { className: "stn-layer0-bg__overlay", "aria-hidden": "true" }) : null,
+        overlayDarkRadial ? /* @__PURE__ */ jsx49("div", { className: "stn-layer0-bg__overlay radial", "aria-hidden": "true" }) : null
+      ]
     }
   );
 }
@@ -6122,7 +6156,7 @@ import {
 
 // src/components/StnEventBanner.tsx
 import React2 from "react";
-import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 var SEVERITY_ICONS2 = {
   critical: "fill/alert4",
   major: "fill/alert3",
@@ -6140,7 +6174,7 @@ function DefaultTriangleIcon() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "path",
           {
             d: "M10.29 3.86L1.82 18A2 2 0 0 0 3.54 21H20.46A2 2 0 0 0 22.18 18L13.71 3.86A2 2 0 0 0 10.29 3.86Z",
@@ -6150,17 +6184,17 @@ function DefaultTriangleIcon() {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx49("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx49("circle", { cx: "12", cy: "17", r: "1", fill: "currentColor" })
+        /* @__PURE__ */ jsx50("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "17", r: "1", fill: "currentColor" })
       ]
     }
   );
 }
 function resolveDefaultIcon(severity) {
   if (severity === "critical") {
-    return /* @__PURE__ */ jsx49(DefaultTriangleIcon, {});
+    return /* @__PURE__ */ jsx50(DefaultTriangleIcon, {});
   }
-  return /* @__PURE__ */ jsx49(StnIcon, { name: SEVERITY_ICONS2[severity] || "fill/alert4", size: 20 });
+  return /* @__PURE__ */ jsx50(StnIcon, { name: SEVERITY_ICONS2[severity] || "fill/alert4", size: 20 });
 }
 var StnEventBanner = React2.forwardRef(
   ({
@@ -6197,15 +6231,15 @@ var StnEventBanner = React2.forwardRef(
         ...restProps,
         children: [
           /* @__PURE__ */ jsxs38("div", { className: "stn-event-banner__left", children: [
-            /* @__PURE__ */ jsx49("div", { className: "stn-event-banner__icon-wrap", children: icon ?? resolveDefaultIcon(severity) }),
+            /* @__PURE__ */ jsx50("div", { className: "stn-event-banner__icon-wrap", children: icon ?? resolveDefaultIcon(severity) }),
             /* @__PURE__ */ jsxs38("div", { className: "stn-event-banner__text", children: [
-              title && /* @__PURE__ */ jsx49("span", { className: "stn-event-banner__title", title: typeof title === "string" ? title : void 0, children: title }),
-              time && /* @__PURE__ */ jsx49("span", { className: "stn-event-banner__time", title: typeof time === "string" ? time : void 0, children: time })
+              title && /* @__PURE__ */ jsx50("span", { className: "stn-event-banner__title", title: typeof title === "string" ? title : void 0, children: title }),
+              time && /* @__PURE__ */ jsx50("span", { className: "stn-event-banner__time", title: typeof time === "string" ? time : void 0, children: time })
             ] })
           ] }),
           /* @__PURE__ */ jsxs38("div", { className: "stn-event-banner__actions", children: [
             actions,
-            actionText && /* @__PURE__ */ jsx49(
+            actionText && /* @__PURE__ */ jsx50(
               "button",
               {
                 type: "button",
@@ -6214,7 +6248,7 @@ var StnEventBanner = React2.forwardRef(
                 children: actionText
               }
             ),
-            onClose && /* @__PURE__ */ jsx49(
+            onClose && /* @__PURE__ */ jsx50(
               "button",
               {
                 type: "button",
@@ -6233,9 +6267,9 @@ var StnEventBanner = React2.forwardRef(
 StnEventBanner.displayName = "StnEventBanner";
 
 // src/patterns/scaffold/StnLoadingSkeleton.tsx
-import { jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs39 } from "react/jsx-runtime";
 function StnLoadingSkeletonLine({ width = "full", className, style, ...rest }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn(
@@ -6251,7 +6285,7 @@ function StnLoadingSkeletonLine({ width = "full", className, style, ...rest }) {
   );
 }
 function StnLoadingSkeletonBlock({ minHeight = 48, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn("stn-loading-skeleton__block", className),
@@ -6262,7 +6296,7 @@ function StnLoadingSkeletonBlock({ minHeight = 48, className, style, ...rest })
   );
 }
 function StnLoadingSkeletonCircle({ size = 40, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn("stn-loading-skeleton__circle", className),
@@ -6282,17 +6316,17 @@ function StnLoadingSkeletonProfile({ avatarSize = 40, className, style, ...rest
       "aria-label": "\uD504\uB85C\uD544 \uB85C\uB529 \uC911",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx50(StnLoadingSkeletonCircle, { size: avatarSize }),
+        /* @__PURE__ */ jsx51(StnLoadingSkeletonCircle, { size: avatarSize }),
         /* @__PURE__ */ jsxs39("div", { className: "stn-loading-skeleton__profile-content", children: [
-          /* @__PURE__ */ jsx50(StnLoadingSkeletonLine, { width: "medium" }),
-          /* @__PURE__ */ jsx50(StnLoadingSkeletonLine, { width: "short" })
+          /* @__PURE__ */ jsx51(StnLoadingSkeletonLine, { width: "medium" }),
+          /* @__PURE__ */ jsx51(StnLoadingSkeletonLine, { width: "short" })
         ] })
       ]
     }
   );
 }
 function StnLoadingSkeletonWidget({ lines = 4, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn("stn-loading-skeleton", "stn-loading-skeleton--widget", className),
@@ -6300,12 +6334,12 @@ function StnLoadingSkeletonWidget({ lines = 4, className, style, ...rest }) {
       "aria-busy": "true",
       "aria-label": "\uB85C\uB529 \uC911",
       ...rest,
-      children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx50(StnLoadingSkeletonLine, { width: i % 3 === 0 ? "short" : i % 2 === 0 ? "medium" : "full" }, i))
+      children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx51(StnLoadingSkeletonLine, { width: i % 3 === 0 ? "short" : i % 2 === 0 ? "medium" : "full" }, i))
     }
   );
 }
 function StnLoadingSkeletonTable({ rows = 5, cols = 4, className, style, ...rest }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn("stn-loading-skeleton", "stn-loading-skeleton--table", className),
@@ -6313,7 +6347,7 @@ function StnLoadingSkeletonTable({ rows = 5, cols = 4, className, style, ...rest
       "aria-busy": "true",
       "aria-label": "\uD14C\uC774\uBE14 \uB85C\uB529 \uC911",
       ...rest,
-      children: Array.from({ length: rows }, (_, row) => /* @__PURE__ */ jsx50("div", { className: "stn-loading-skeleton__table-row", children: Array.from({ length: cols }, (_2, col) => /* @__PURE__ */ jsx50(StnLoadingSkeletonLine, {}, col)) }, row))
+      children: Array.from({ length: rows }, (_, row) => /* @__PURE__ */ jsx51("div", { className: "stn-loading-skeleton__table-row", children: Array.from({ length: cols }, (_2, col) => /* @__PURE__ */ jsx51(StnLoadingSkeletonLine, {}, col)) }, row))
     }
   );
 }
@@ -6332,23 +6366,23 @@ function StnLoadingSkeletonRoot({
   ...rest
 }) {
   if (children != null) {
-    return /* @__PURE__ */ jsx50("div", { className: cn("stn-loading-skeleton", className), style, "aria-busy": "true", ...rest, children });
+    return /* @__PURE__ */ jsx51("div", { className: cn("stn-loading-skeleton", className), style, "aria-busy": "true", ...rest, children });
   }
   const resolvedVariant = variant ?? "line";
   switch (resolvedVariant) {
     case "circle":
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonCircle, { size, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonCircle, { size, className, style, ...rest });
     case "block":
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonBlock, { minHeight, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonBlock, { minHeight, className, style, ...rest });
     case "profile":
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonProfile, { avatarSize: avatarSize ?? size, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonProfile, { avatarSize: avatarSize ?? size, className, style, ...rest });
     case "widget":
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonWidget, { lines, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonWidget, { lines, className, style, ...rest });
     case "table":
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonTable, { rows, cols, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonTable, { rows, cols, className, style, ...rest });
     case "line":
     default:
-      return /* @__PURE__ */ jsx50(StnLoadingSkeletonLine, { width, className, style, ...rest });
+      return /* @__PURE__ */ jsx51(StnLoadingSkeletonLine, { width, className, style, ...rest });
   }
 }
 var StnLoadingSkeleton = Object.assign(StnLoadingSkeletonRoot, {
@@ -6469,7 +6503,7 @@ function ringOrbitRadius(orbit, ringCount, baseRadius, gap = 36) {
 }
 
 // src/components/topology/StnTopologyNodeMark.tsx
-import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
 function renderTopologyIcon(icon, color, px) {
   if (!icon) return null;
   if (typeof icon !== "string") return icon;
@@ -6486,55 +6520,55 @@ function renderTopologyIcon(icon, color, px) {
   switch (icon) {
     case "server":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx51("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx51("line", { x1: "6", y1: "6", x2: "6.01", y2: "6" }),
-        /* @__PURE__ */ jsx51("line", { x1: "6", y1: "18", x2: "6.01", y2: "18" })
+        /* @__PURE__ */ jsx52("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx52("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx52("line", { x1: "6", y1: "6", x2: "6.01", y2: "6" }),
+        /* @__PURE__ */ jsx52("line", { x1: "6", y1: "18", x2: "6.01", y2: "18" })
       ] });
     case "cloud":
-      return /* @__PURE__ */ jsx51("svg", { ...iconProps, children: /* @__PURE__ */ jsx51("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }) });
+      return /* @__PURE__ */ jsx52("svg", { ...iconProps, children: /* @__PURE__ */ jsx52("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }) });
     case "ai":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
-        /* @__PURE__ */ jsx51("rect", { x: "9", y: "9", width: "6", height: "6" }),
-        /* @__PURE__ */ jsx51("line", { x1: "9", y1: "1", x2: "9", y2: "4" }),
-        /* @__PURE__ */ jsx51("line", { x1: "15", y1: "1", x2: "15", y2: "4" }),
-        /* @__PURE__ */ jsx51("line", { x1: "9", y1: "20", x2: "9", y2: "23" }),
-        /* @__PURE__ */ jsx51("line", { x1: "15", y1: "20", x2: "15", y2: "23" }),
-        /* @__PURE__ */ jsx51("line", { x1: "20", y1: "9", x2: "23", y2: "9" }),
-        /* @__PURE__ */ jsx51("line", { x1: "20", y1: "14", x2: "23", y2: "14" }),
-        /* @__PURE__ */ jsx51("line", { x1: "1", y1: "9", x2: "4", y2: "9" }),
-        /* @__PURE__ */ jsx51("line", { x1: "1", y1: "14", x2: "4", y2: "14" })
+        /* @__PURE__ */ jsx52("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx52("rect", { x: "9", y: "9", width: "6", height: "6" }),
+        /* @__PURE__ */ jsx52("line", { x1: "9", y1: "1", x2: "9", y2: "4" }),
+        /* @__PURE__ */ jsx52("line", { x1: "15", y1: "1", x2: "15", y2: "4" }),
+        /* @__PURE__ */ jsx52("line", { x1: "9", y1: "20", x2: "9", y2: "23" }),
+        /* @__PURE__ */ jsx52("line", { x1: "15", y1: "20", x2: "15", y2: "23" }),
+        /* @__PURE__ */ jsx52("line", { x1: "20", y1: "9", x2: "23", y2: "9" }),
+        /* @__PURE__ */ jsx52("line", { x1: "20", y1: "14", x2: "23", y2: "14" }),
+        /* @__PURE__ */ jsx52("line", { x1: "1", y1: "9", x2: "4", y2: "9" }),
+        /* @__PURE__ */ jsx52("line", { x1: "1", y1: "14", x2: "4", y2: "14" })
       ] });
     case "network":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("rect", { x: "2", y: "2", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx51("rect", { x: "16", y: "2", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx51("rect", { x: "9", y: "16", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx51("line", { x1: "5", y1: "8", x2: "5", y2: "12" }),
-        /* @__PURE__ */ jsx51("line", { x1: "19", y1: "8", x2: "19", y2: "12" }),
-        /* @__PURE__ */ jsx51("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
-        /* @__PURE__ */ jsx51("line", { x1: "12", y1: "12", x2: "12", y2: "16" })
+        /* @__PURE__ */ jsx52("rect", { x: "2", y: "2", width: "6", height: "6", rx: "1" }),
+        /* @__PURE__ */ jsx52("rect", { x: "16", y: "2", width: "6", height: "6", rx: "1" }),
+        /* @__PURE__ */ jsx52("rect", { x: "9", y: "16", width: "6", height: "6", rx: "1" }),
+        /* @__PURE__ */ jsx52("line", { x1: "5", y1: "8", x2: "5", y2: "12" }),
+        /* @__PURE__ */ jsx52("line", { x1: "19", y1: "8", x2: "19", y2: "12" }),
+        /* @__PURE__ */ jsx52("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+        /* @__PURE__ */ jsx52("line", { x1: "12", y1: "12", x2: "12", y2: "16" })
       ] });
     case "shield":
-      return /* @__PURE__ */ jsx51("svg", { ...iconProps, children: /* @__PURE__ */ jsx51("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
+      return /* @__PURE__ */ jsx52("svg", { ...iconProps, children: /* @__PURE__ */ jsx52("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
     case "user":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx51("circle", { cx: "12", cy: "7", r: "4" })
+        /* @__PURE__ */ jsx52("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "7", r: "4" })
       ] });
     case "database":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
-        /* @__PURE__ */ jsx51("path", { d: "M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" }),
-        /* @__PURE__ */ jsx51("path", { d: "M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" })
+        /* @__PURE__ */ jsx52("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+        /* @__PURE__ */ jsx52("path", { d: "M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" }),
+        /* @__PURE__ */ jsx52("path", { d: "M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" })
       ] });
     case "wifi":
       return /* @__PURE__ */ jsxs40("svg", { ...iconProps, children: [
-        /* @__PURE__ */ jsx51("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
-        /* @__PURE__ */ jsx51("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
-        /* @__PURE__ */ jsx51("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
-        /* @__PURE__ */ jsx51("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
+        /* @__PURE__ */ jsx52("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
+        /* @__PURE__ */ jsx52("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
+        /* @__PURE__ */ jsx52("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
+        /* @__PURE__ */ jsx52("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
       ] });
     default:
       return null;
@@ -6552,11 +6586,11 @@ function NodeShape({
 }) {
   const filter = glow ? `drop-shadow(0 0 8px ${glow})` : "drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4))";
   if (shape === "circle") {
-    return /* @__PURE__ */ jsx51("circle", { cx: x, cy: y, r, fill, stroke, strokeWidth, style: { filter } });
+    return /* @__PURE__ */ jsx52("circle", { cx: x, cy: y, r, fill, stroke, strokeWidth, style: { filter } });
   }
   if (shape === "square") {
     const size = r * 2;
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx52(
       "rect",
       {
         x: x - r,
@@ -6571,7 +6605,7 @@ function NodeShape({
       }
     );
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "polygon",
     {
       points: topologyShapePoints(shape, x, y, r),
@@ -6638,13 +6672,13 @@ function StnTopologyNodeMark({
             strokeWidth: "1.5",
             opacity: "0.55",
             children: [
-              /* @__PURE__ */ jsx51("animate", { attributeName: "r", values: `${r + 4};${r + 12};${r + 4}`, dur: "2s", repeatCount: "indefinite" }),
-              /* @__PURE__ */ jsx51("animate", { attributeName: "opacity", values: "0.75;0.15;0.75", dur: "2s", repeatCount: "indefinite" })
+              /* @__PURE__ */ jsx52("animate", { attributeName: "r", values: `${r + 4};${r + 12};${r + 4}`, dur: "2s", repeatCount: "indefinite" }),
+              /* @__PURE__ */ jsx52("animate", { attributeName: "opacity", values: "0.75;0.15;0.75", dur: "2s", repeatCount: "indefinite" })
             ]
           }
         ),
-        selected && /* @__PURE__ */ jsx51("circle", { cx: x, cy: y, r: r + 6, fill: "none", stroke: "#00e5ff", strokeWidth: "1.5", strokeDasharray: "3 3" }),
-        /* @__PURE__ */ jsx51(
+        selected && /* @__PURE__ */ jsx52("circle", { cx: x, cy: y, r: r + 6, fill: "none", stroke: "#00e5ff", strokeWidth: "1.5", strokeDasharray: "3 3" }),
+        /* @__PURE__ */ jsx52(
           NodeShape,
           {
             shape,
@@ -6657,7 +6691,7 @@ function StnTopologyNodeMark({
             glow: isAlert || isCount ? tone.glow : ""
           }
         ),
-        isCount ? /* @__PURE__ */ jsx51(
+        isCount ? /* @__PURE__ */ jsx52(
           "text",
           {
             x,
@@ -6670,10 +6704,10 @@ function StnTopologyNodeMark({
             style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.85)" },
             children: countText
           }
-        ) : /* @__PURE__ */ jsx51("g", { transform: `translate(${x - iconPx / 2}, ${y - iconPx / 2})`, children: renderTopologyIcon(icon, stroke, iconPx) }),
+        ) : /* @__PURE__ */ jsx52("g", { transform: `translate(${x - iconPx / 2}, ${y - iconPx / 2})`, children: renderTopologyIcon(icon, stroke, iconPx) }),
         showCornerBadge && /* @__PURE__ */ jsxs40("g", { className: "stn-topology-node__badge", children: [
-          /* @__PURE__ */ jsx51("circle", { cx: x + r * 0.72, cy: y - r * 0.72, r: Math.max(6, r * 0.38), fill: stroke, stroke: "rgba(6,7,15,0.9)", strokeWidth: "1" }),
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52("circle", { cx: x + r * 0.72, cy: y - r * 0.72, r: Math.max(6, r * 0.38), fill: stroke, stroke: "rgba(6,7,15,0.9)", strokeWidth: "1" }),
+          /* @__PURE__ */ jsx52(
             "text",
             {
               x: x + r * 0.72,
@@ -6687,7 +6721,7 @@ function StnTopologyNodeMark({
             }
           )
         ] }),
-        showLabel && label && /* @__PURE__ */ jsx51(
+        showLabel && label && /* @__PURE__ */ jsx52(
           "text",
           {
             x,
@@ -6731,11 +6765,11 @@ function StnTopologyNodePreview({
   const r = STN_TOPOLOGY_NODE_SIZE[size].r;
   const w = width ?? r * 2 + (showLabel ? 88 : 28);
   const h = height ?? r * 2 + (showLabel || showStatus ? 56 : 28);
-  return /* @__PURE__ */ jsx51("svg", { className: "stn-topology-node-preview", width: w, height: h, viewBox: `0 0 ${w} ${h}`, overflow: "visible", children: /* @__PURE__ */ jsx51(StnTopologyNodeMark, { x: w / 2, y: h / 2, size, showLabel, showStatus, ...rest }) });
+  return /* @__PURE__ */ jsx52("svg", { className: "stn-topology-node-preview", width: w, height: h, viewBox: `0 0 ${w} ${h}`, overflow: "visible", children: /* @__PURE__ */ jsx52(StnTopologyNodeMark, { x: w / 2, y: h / 2, size, showLabel, showStatus, ...rest }) });
 }
 
 // src/components/topology/StnTopologyRing.tsx
-import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
 function StnTopologyRing({
   core = {
     title: "\uC5D0\uC2A4\uD2F0\uC5D4\uC778\uD3EC\uD14D",
@@ -6794,17 +6828,17 @@ function StnTopologyRing({
     };
   });
   if (loading) {
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       "div",
       {
         className: cn("stn-topology-ring", "stn-topology-ring--loading", className),
         style,
         ...rest,
-        children: /* @__PURE__ */ jsx52("div", { className: "stn-topology-ring__loading-label", children: "\uD1A0\uD3F4\uB85C\uC9C0 \uB9C1 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." })
+        children: /* @__PURE__ */ jsx53("div", { className: "stn-topology-ring__loading-label", children: "\uD1A0\uD3F4\uB85C\uC9C0 \uB9C1 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." })
       }
     );
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       className: cn("stn-topology-ring", className),
@@ -6823,17 +6857,17 @@ function StnTopologyRing({
           children: [
             /* @__PURE__ */ jsxs41("defs", { children: [
               /* @__PURE__ */ jsxs41("radialGradient", { id: coreGlowId, cx: "50%", cy: "50%", r: "50%", children: [
-                /* @__PURE__ */ jsx52("stop", { offset: "0%", stopColor: "#722ed1", stopOpacity: "0.8" }),
-                /* @__PURE__ */ jsx52("stop", { offset: "100%", stopColor: "#120338", stopOpacity: "0" })
+                /* @__PURE__ */ jsx53("stop", { offset: "0%", stopColor: "#722ed1", stopOpacity: "0.8" }),
+                /* @__PURE__ */ jsx53("stop", { offset: "100%", stopColor: "#120338", stopOpacity: "0" })
               ] }),
               /* @__PURE__ */ jsxs41("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ jsx52("stop", { offset: "0%", stopColor: "#00e5ff", stopOpacity: "0.4" }),
-                /* @__PURE__ */ jsx52("stop", { offset: "100%", stopColor: "#722ed1", stopOpacity: "0.4" })
+                /* @__PURE__ */ jsx53("stop", { offset: "0%", stopColor: "#00e5ff", stopOpacity: "0.4" }),
+                /* @__PURE__ */ jsx53("stop", { offset: "100%", stopColor: "#722ed1", stopOpacity: "0.4" })
               ] })
             ] }),
             radii.map((r, idx) => {
               const isMain = idx + 1 === mainOrbit;
-              return /* @__PURE__ */ jsx52(
+              return /* @__PURE__ */ jsx53(
                 "circle",
                 {
                   cx: centerX,
@@ -6847,7 +6881,7 @@ function StnTopologyRing({
                 `orbit-${idx}`
               );
             }),
-            connectionLineStyle !== "none" && calculatedNodes.map((node) => /* @__PURE__ */ jsx52(
+            connectionLineStyle !== "none" && calculatedNodes.map((node) => /* @__PURE__ */ jsx53(
               "line",
               {
                 x1: centerX,
@@ -6861,8 +6895,8 @@ function StnTopologyRing({
               `line-${node.id}`
             )),
             /* @__PURE__ */ jsxs41("g", { className: "stn-topology-ring__core", children: [
-              /* @__PURE__ */ jsx52("circle", { cx: centerX, cy: centerY, r: 54, fill: `url(#${coreGlowId})` }),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx53("circle", { cx: centerX, cy: centerY, r: 54, fill: `url(#${coreGlowId})` }),
+              /* @__PURE__ */ jsx53(
                 "circle",
                 {
                   cx: centerX,
@@ -6874,7 +6908,7 @@ function StnTopologyRing({
                   style: { filter: "drop-shadow(0 0 12px rgba(114, 46, 209, 0.6))" }
                 }
               ),
-              core.subTitle && /* @__PURE__ */ jsx52(
+              core.subTitle && /* @__PURE__ */ jsx53(
                 "text",
                 {
                   x: centerX,
@@ -6887,13 +6921,13 @@ function StnTopologyRing({
                   children: core.subTitle
                 }
               ),
-              core.title && /* @__PURE__ */ jsx52("text", { x: centerX, y: centerY + 8, textAnchor: "middle", fill: "#f0f2f5", fontSize: "10", fontWeight: "600", children: core.title }),
+              core.title && /* @__PURE__ */ jsx53("text", { x: centerX, y: centerY + 8, textAnchor: "middle", fill: "#f0f2f5", fontSize: "10", fontWeight: "600", children: core.title }),
               /* @__PURE__ */ jsxs41("text", { x: centerX, y: centerY + 22, textAnchor: "middle", fill: coreColor, fontSize: "9", fontWeight: "500", children: [
                 "\u25CF ",
                 coreStatusLabel
               ] })
             ] }),
-            calculatedNodes.map((node) => /* @__PURE__ */ jsx52(
+            calculatedNodes.map((node) => /* @__PURE__ */ jsx53(
               StnTopologyNodeMark,
               {
                 x: node.x,
@@ -6922,7 +6956,7 @@ function StnTopologyRing({
 
 // src/components/topology/StnTopologyGraph.tsx
 import { useState as useState15 } from "react";
-import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
 var DEFAULT_GRAPH_NODES = [
   { id: "n1", x: 200, y: 58, status: "minor", label: "GW-01", shape: "circle", content: "icon", icon: "wifi" },
   { id: "n2", x: 118, y: 118, status: "critical", label: "BACKUP", shape: "hexagon", content: "count", count: 4, pulse: true },
@@ -6958,7 +6992,7 @@ function StnTopologyGraph({
 }) {
   const [viewMode, setViewMode] = useState15(defaultMode);
   if (loading) {
-    return /* @__PURE__ */ jsx53("div", { className: cn("stn-topology-graph", "stn-topology-graph--loading", className), style, ...rest, children: /* @__PURE__ */ jsx53("div", { className: "stn-topology-graph__loading-label", children: "\uD1A0\uD3F4\uB85C\uC9C0 \uCE94\uBC84\uC2A4 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) });
+    return /* @__PURE__ */ jsx54("div", { className: cn("stn-topology-graph", "stn-topology-graph--loading", className), style, ...rest, children: /* @__PURE__ */ jsx54("div", { className: "stn-topology-graph__loading-label", children: "\uD1A0\uD3F4\uB85C\uC9C0 \uCE94\uBC84\uC2A4 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) });
   }
   const nodeMap = new Map(nodes.map((n) => [n.id, n]));
   return /* @__PURE__ */ jsxs42(
@@ -6970,7 +7004,7 @@ function StnTopologyGraph({
       "data-view-mode": viewMode,
       ...rest,
       children: [
-        showModeToggle && /* @__PURE__ */ jsx53("div", { className: "stn-topology-graph__mode", children: /* @__PURE__ */ jsx53(
+        showModeToggle && /* @__PURE__ */ jsx54("div", { className: "stn-topology-graph__mode", children: /* @__PURE__ */ jsx54(
           StnSegmented,
           {
             size: "sm",
@@ -6984,21 +7018,21 @@ function StnTopologyGraph({
         ) }),
         /* @__PURE__ */ jsxs42("svg", { className: "stn-topology-graph__svg", width: "100%", height: "100%", viewBox: "0 0 400 300", overflow: "visible", children: [
           viewMode === "3D" ? /* @__PURE__ */ jsxs42("g", { opacity: "0.6", children: [
-            /* @__PURE__ */ jsx53("line", { x1: "60", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.06)", strokeDasharray: "3 3" }),
-            /* @__PURE__ */ jsx53("line", { x1: "130", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "3 3" }),
-            /* @__PURE__ */ jsx53("line", { x1: "200", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.14)", strokeDasharray: "3 3" }),
-            /* @__PURE__ */ jsx53("line", { x1: "270", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "3 3" }),
-            /* @__PURE__ */ jsx53("line", { x1: "340", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.06)", strokeDasharray: "3 3" }),
-            /* @__PURE__ */ jsx53("line", { x1: "100", y1: "230", x2: "300", y2: "230", stroke: "rgba(255,255,255,0.06)" }),
-            /* @__PURE__ */ jsx53("line", { x1: "130", y1: "190", x2: "270", y2: "190", stroke: "rgba(255,255,255,0.06)" }),
-            /* @__PURE__ */ jsx53("line", { x1: "160", y1: "140", x2: "240", y2: "140", stroke: "rgba(255,255,255,0.06)" })
+            /* @__PURE__ */ jsx54("line", { x1: "60", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.06)", strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx54("line", { x1: "130", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx54("line", { x1: "200", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.14)", strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx54("line", { x1: "270", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx54("line", { x1: "340", y1: "260", x2: "200", y2: "80", stroke: "rgba(255,255,255,0.06)", strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx54("line", { x1: "100", y1: "230", x2: "300", y2: "230", stroke: "rgba(255,255,255,0.06)" }),
+            /* @__PURE__ */ jsx54("line", { x1: "130", y1: "190", x2: "270", y2: "190", stroke: "rgba(255,255,255,0.06)" }),
+            /* @__PURE__ */ jsx54("line", { x1: "160", y1: "140", x2: "240", y2: "140", stroke: "rgba(255,255,255,0.06)" })
           ] }) : /* @__PURE__ */ jsxs42("g", { opacity: "0.3", children: [
-            /* @__PURE__ */ jsx53("line", { x1: "40", y1: "60", x2: "360", y2: "60", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
-            /* @__PURE__ */ jsx53("line", { x1: "40", y1: "150", x2: "360", y2: "150", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
-            /* @__PURE__ */ jsx53("line", { x1: "40", y1: "240", x2: "360", y2: "240", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
-            /* @__PURE__ */ jsx53("line", { x1: "100", y1: "20", x2: "100", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
-            /* @__PURE__ */ jsx53("line", { x1: "200", y1: "20", x2: "200", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
-            /* @__PURE__ */ jsx53("line", { x1: "300", y1: "20", x2: "300", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" })
+            /* @__PURE__ */ jsx54("line", { x1: "40", y1: "60", x2: "360", y2: "60", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx54("line", { x1: "40", y1: "150", x2: "360", y2: "150", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx54("line", { x1: "40", y1: "240", x2: "360", y2: "240", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx54("line", { x1: "100", y1: "20", x2: "100", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx54("line", { x1: "200", y1: "20", x2: "200", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx54("line", { x1: "300", y1: "20", x2: "300", y2: "280", stroke: "rgba(255,255,255,0.08)", strokeDasharray: "4 4" })
           ] }),
           links.map((link, idx) => {
             const s = nodeMap.get(link.source);
@@ -7006,7 +7040,7 @@ function StnTopologyGraph({
             if (!s || !t) return null;
             const isAlert = s.status === "critical" || t.status === "critical" || link.status === "critical";
             const strokeColor = isAlert ? "rgba(255, 77, 79, 0.65)" : "rgba(255, 255, 255, 0.2)";
-            return /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsx54(
               "line",
               {
                 x1: s.x,
@@ -7023,7 +7057,7 @@ function StnTopologyGraph({
           nodes.map((node) => {
             const status = node.status ?? "normal";
             const isCore = Boolean(node.isCore);
-            return /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsx54(
               StnTopologyNodeMark,
               {
                 x: node.x,
@@ -7048,15 +7082,15 @@ function StnTopologyGraph({
         ] }),
         showMinimap && /* @__PURE__ */ jsxs42("div", { className: "stn-topology-graph__minimap", children: [
           /* @__PURE__ */ jsxs42("div", { className: "stn-topology-graph__minimap-head", children: [
-            /* @__PURE__ */ jsx53("span", { children: "\uBBF8\uB9AC\uBCF4\uAE30" }),
-            /* @__PURE__ */ jsx53("span", { children: "\u2014" })
+            /* @__PURE__ */ jsx54("span", { children: "\uBBF8\uB9AC\uBCF4\uAE30" }),
+            /* @__PURE__ */ jsx54("span", { children: "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs42("svg", { width: "100%", height: "40", viewBox: "0 0 100 50", children: [
-            /* @__PURE__ */ jsx53("polyline", { points: "50,10 40,25 50,40 60,30", fill: "none", stroke: "rgba(255,77,79,0.5)", strokeWidth: "1" }),
-            /* @__PURE__ */ jsx53("circle", { cx: "50", cy: "10", r: "2", fill: STN_TOPOLOGY_STATUS_COLORS.critical.main }),
-            /* @__PURE__ */ jsx53("circle", { cx: "40", cy: "25", r: "2.5", fill: STN_TOPOLOGY_STATUS_COLORS.critical.main }),
-            /* @__PURE__ */ jsx53("circle", { cx: "50", cy: "40", r: "2", fill: "#00e5ff" }),
-            /* @__PURE__ */ jsx53("circle", { cx: "60", cy: "30", r: "2", fill: STN_TOPOLOGY_STATUS_COLORS.normal.main })
+            /* @__PURE__ */ jsx54("polyline", { points: "50,10 40,25 50,40 60,30", fill: "none", stroke: "rgba(255,77,79,0.5)", strokeWidth: "1" }),
+            /* @__PURE__ */ jsx54("circle", { cx: "50", cy: "10", r: "2", fill: STN_TOPOLOGY_STATUS_COLORS.critical.main }),
+            /* @__PURE__ */ jsx54("circle", { cx: "40", cy: "25", r: "2.5", fill: STN_TOPOLOGY_STATUS_COLORS.critical.main }),
+            /* @__PURE__ */ jsx54("circle", { cx: "50", cy: "40", r: "2", fill: "#00e5ff" }),
+            /* @__PURE__ */ jsx54("circle", { cx: "60", cy: "30", r: "2", fill: STN_TOPOLOGY_STATUS_COLORS.normal.main })
           ] })
         ] })
       ]
@@ -7065,7 +7099,7 @@ function StnTopologyGraph({
 }
 
 // src/components/StnWidget.tsx
-import { Fragment as Fragment5, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
 var SHELL_PUB_CLASS = {
   card: "",
   "fault-panel": "",
@@ -7148,20 +7182,20 @@ function StnWidgetPeriodText({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx54("span", { className: cn("stn-widget__period-text", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("span", { className: cn("stn-widget__period-text", className), ...rest, children });
 }
 function StnWidgetPeriodSelect({
   label,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     StnButton,
     {
       variant: "ghost",
       size: "sm",
       shape: "square",
-      icon: /* @__PURE__ */ jsx54(StnIcon, { name: "line/chevron-down" }),
+      icon: /* @__PURE__ */ jsx55(StnIcon, { name: "line/chevron-down" }),
       iconPosition: "right",
       className,
       ...rest,
@@ -7179,25 +7213,25 @@ function StnWidgetPeriodPager({
   ...rest
 }) {
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__period-pager", className), ...rest, children: [
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55(
       StnButton,
       {
         variant: "ghost",
         size: "sm",
         shape: "square",
-        icon: /* @__PURE__ */ jsx54(StnIcon, { name: "line/arrow-narrow-left" }),
+        icon: /* @__PURE__ */ jsx55(StnIcon, { name: "line/arrow-narrow-left" }),
         onClick: onPrev,
         "aria-label": prevLabel
       }
     ),
-    /* @__PURE__ */ jsx54("span", { className: "stn-widget__period-pager-label", children: label }),
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55("span", { className: "stn-widget__period-pager-label", children: label }),
+    /* @__PURE__ */ jsx55(
       StnButton,
       {
         variant: "ghost",
         size: "sm",
         shape: "square",
-        icon: /* @__PURE__ */ jsx54(StnIcon, { name: "line/arrow-narrow-right" }),
+        icon: /* @__PURE__ */ jsx55(StnIcon, { name: "line/arrow-narrow-right" }),
         onClick: onNext,
         "aria-label": nextLabel
       }
@@ -7226,16 +7260,16 @@ function StnWidgetHeaderInner({
   const resolvedIconName = headerIconName ?? defaultHeaderIconName(appearance);
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__head", wrapActions && "stn-widget__head--wrap"), children: [
     /* @__PURE__ */ jsxs43("div", { className: "stn-widget__head-start", children: [
-      showHeaderIcon ? headerIcon != null ? /* @__PURE__ */ jsx54(StnWidgetInsetIcon, { size: "sm", children: headerIcon }) : resolvedIconName ? /* @__PURE__ */ jsx54(StnWidgetInsetIcon, { size: "sm", icon: resolvedIconName }) : null : null,
+      showHeaderIcon ? headerIcon != null ? /* @__PURE__ */ jsx55(StnWidgetInsetIcon, { size: "sm", children: headerIcon }) : resolvedIconName ? /* @__PURE__ */ jsx55(StnWidgetInsetIcon, { size: "sm", icon: resolvedIconName }) : null : null,
       title != null || badge != null ? typeof title === "string" || title == null ? /* @__PURE__ */ jsxs43("div", { className: "stn-widget__title-wrap", children: [
-        typeof title === "string" ? /* @__PURE__ */ jsx54("p", { className: cn("stn-widget__title", titleSize, titleWeight), title, children: title }) : null,
+        typeof title === "string" ? /* @__PURE__ */ jsx55("p", { className: cn("stn-widget__title", titleSize, titleWeight), title, children: title }) : null,
         badge
       ] }) : /* @__PURE__ */ jsxs43(Fragment5, { children: [
         title,
         badge
       ] }) : null
     ] }),
-    titleActions != null || periodActions != null || periodLabel != null && periodLabel !== "" ? /* @__PURE__ */ jsx54("div", { className: "stn-widget__head-end", children: titleActions ?? (periodActions != null ? periodActions : periodLabel != null && periodLabel !== "" ? /* @__PURE__ */ jsx54(StnWidgetPeriodText, { children: periodLabel }) : null) }) : null
+    titleActions != null || periodActions != null || periodLabel != null && periodLabel !== "" ? /* @__PURE__ */ jsx55("div", { className: "stn-widget__head-end", children: titleActions ?? (periodActions != null ? periodActions : periodLabel != null && periodLabel !== "" ? /* @__PURE__ */ jsx55(StnWidgetPeriodText, { children: periodLabel }) : null) }) : null
   ] });
 }
 function StnWidgetRoot({
@@ -7319,9 +7353,9 @@ function StnWidgetRoot({
   };
   const slots = partitionWidgetChildren(children);
   const propHead = shell === "fault-panel" && !isFigmaShell ? title != null || titleActions ? /* @__PURE__ */ jsxs43("div", { className: "app_bar", children: [
-    /* @__PURE__ */ jsx54("div", { className: "fault_title_box", children: typeof title === "string" ? /* @__PURE__ */ jsx54("span", { children: title }) : title }),
+    /* @__PURE__ */ jsx55("div", { className: "fault_title_box", children: typeof title === "string" ? /* @__PURE__ */ jsx55("span", { children: title }) : title }),
     titleActions
-  ] }) : null : shell === "board" || shell === "board-item" ? title != null ? /* @__PURE__ */ jsx54("div", { className: "stn-widget__head", children: typeof title === "string" ? /* @__PURE__ */ jsx54("p", { children: title }) : title }) : null : isFigmaShell ? /* @__PURE__ */ jsx54(
+  ] }) : null : shell === "board" || shell === "board-item" ? title != null ? /* @__PURE__ */ jsx55("div", { className: "stn-widget__head", children: typeof title === "string" ? /* @__PURE__ */ jsx55("p", { children: title }) : title }) : null : isFigmaShell ? /* @__PURE__ */ jsx55(
     StnWidgetHeaderInner,
     {
       appearance,
@@ -7339,26 +7373,26 @@ function StnWidgetRoot({
     }
   ) : title != null || badge != null || titleActions ? /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__head", wrapActions && "stn-widget__head--wrap"), children: [
     /* @__PURE__ */ jsxs43("div", { className: "stn-widget__head-start", children: [
-      title != null ? typeof title === "string" ? /* @__PURE__ */ jsx54("p", { className: cn("stn-widget__title", titleSize, titleWeight), title, children: title }) : title : null,
+      title != null ? typeof title === "string" ? /* @__PURE__ */ jsx55("p", { className: cn("stn-widget__title", titleSize, titleWeight), title, children: title }) : title : null,
       badge
     ] }),
-    titleActions ? /* @__PURE__ */ jsx54("div", { className: "stn-widget__head-end", children: titleActions }) : null
+    titleActions ? /* @__PURE__ */ jsx55("div", { className: "stn-widget__head-end", children: titleActions }) : null
   ] }) : null;
   const head = slots.headers.length > 0 ? slots.headers : propHead;
   const autoBodyClass = shell === "fault-panel" && !isFigmaShell ? "table_area" : void 0;
   let body;
   if (loading) {
-    body = /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__body", autoBodyClass, contentClassName), children: /* @__PURE__ */ jsx54(StnWidgetLoading, {}) });
+    body = /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__body", autoBodyClass, contentClassName), children: /* @__PURE__ */ jsx55(StnWidgetLoading, {}) });
   } else if (slots.bodies.length > 0) {
     body = slots.bodies.map(
       (slot, index) => mergeBodySlot(slot, index === 0 ? slots.rest : [], contentClassName, isEmptyState, emptyStyle)
     );
   } else {
-    body = /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__body", autoBodyClass, isEmptyState && "empty", contentClassName), style: emptyStyle, children: slots.rest });
+    body = /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__body", autoBodyClass, isEmptyState && "empty", contentClassName), style: emptyStyle, children: slots.rest });
   }
-  const footerNode = slots.footers.length > 0 ? slots.footers : footer ? /* @__PURE__ */ jsx54("div", { className: "stn-widget__footer", children: footer }) : null;
+  const footerNode = slots.footers.length > 0 ? slots.footers : footer ? /* @__PURE__ */ jsx55("div", { className: "stn-widget__footer", children: footer }) : null;
   const card = /* @__PURE__ */ jsxs43("div", { ...rootProps, children: [
-    isFigmaShell && appearanceShell === "overlay" ? /* @__PURE__ */ jsx54("div", { className: "stn-widget__map-deco", "aria-hidden": true }) : null,
+    isFigmaShell && appearanceShell === "overlay" ? /* @__PURE__ */ jsx55("div", { className: "stn-widget__map-deco", "aria-hidden": true }) : null,
     head,
     body,
     footerNode
@@ -7370,7 +7404,7 @@ function StnWidgetRoot({
   ] });
 }
 function StnWidgetHeader({ className, wrap = false, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__head", wrap && "stn-widget__head--wrap", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__head", wrap && "stn-widget__head--wrap", className), ...rest, children });
 }
 markWidgetSlot(StnWidgetHeader, "header");
 function StnWidgetTitle({
@@ -7382,10 +7416,10 @@ function StnWidgetTitle({
   ...rest
 }) {
   const titleAttr = title ?? (typeof children === "string" ? children : void 0);
-  return /* @__PURE__ */ jsx54("p", { className: cn("stn-widget__title", size, weight, className), title: titleAttr, ...rest, children });
+  return /* @__PURE__ */ jsx55("p", { className: cn("stn-widget__title", size, weight, className), title: titleAttr, ...rest, children });
 }
 function StnWidgetActions({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__head-end", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__head-end", className), ...rest, children });
 }
 function StnWidgetBody({
   padding,
@@ -7399,7 +7433,7 @@ function StnWidgetBody({
 }) {
   const emptyText = typeof empty === "string" ? empty : void 0;
   const mergedStyle = emptyText ? { ["--stn-widget-empty-text"]: `"${emptyText}"`, ...style } : style;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       className: cn(
@@ -7421,7 +7455,7 @@ function StnWidgetBody({
 }
 markWidgetSlot(StnWidgetBody, "body");
 function StnWidgetChartSlot({ label = "select chart", className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__chart-slot", className), "data-stn-widget-chart-slot": true, ...rest, children: children ?? /* @__PURE__ */ jsx54("span", { className: "stn-widget__chart-slot-label", children: label }) });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__chart-slot", className), "data-stn-widget-chart-slot": true, ...rest, children: children ?? /* @__PURE__ */ jsx55("span", { className: "stn-widget__chart-slot-label", children: label }) });
 }
 function StnWidgetStatusItem({
   label,
@@ -7435,7 +7469,7 @@ function StnWidgetStatusItem({
   const grade = gradeProp ?? (status === "warning" ? "minor" : status) ?? "normal";
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__status-item", className), ...rest, children: [
     /* @__PURE__ */ jsxs43("span", { className: "stn-widget__status-label", children: [
-      showDot ? /* @__PURE__ */ jsx54(
+      showDot ? /* @__PURE__ */ jsx55(
         "span",
         {
           className: cn("stn-widget__status-dot", `stn-widget__status-dot--${grade}`),
@@ -7444,23 +7478,23 @@ function StnWidgetStatusItem({
       ) : null,
       label
     ] }),
-    /* @__PURE__ */ jsx54("span", { className: "stn-widget__status-val", children: value })
+    /* @__PURE__ */ jsx55("span", { className: "stn-widget__status-val", children: value })
   ] });
 }
 function StnWidgetStatusList({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__status-list", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__status-list", className), ...rest, children });
 }
 function StnWidgetStatGroup({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__stat-group", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__stat-group", className), ...rest, children });
 }
 function StnWidgetStatCard({ label, count, className, ...rest }) {
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__stat-card", className), ...rest, children: [
-    /* @__PURE__ */ jsx54("span", { className: "stn-widget__stat-label", children: label }),
-    /* @__PURE__ */ jsx54("span", { className: "stn-widget__stat-count", children: count })
+    /* @__PURE__ */ jsx55("span", { className: "stn-widget__stat-label", children: label }),
+    /* @__PURE__ */ jsx55("span", { className: "stn-widget__stat-count", children: count })
   ] });
 }
 function StnWidgetPlaceholder({ label = "\uCF58\uD150\uCE20 \uC601\uC5ED" }) {
-  return /* @__PURE__ */ jsx54("div", { className: "stn-widget__placeholder", children: label });
+  return /* @__PURE__ */ jsx55("div", { className: "stn-widget__placeholder", children: label });
 }
 var GRADE_ROW_ICON = {
   critical: "fill/alert4",
@@ -7486,39 +7520,39 @@ function StnWidgetGradeRow({
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__grade-row", `stn-widget__grade-row--${grade}`, className), ...rest, children: [
     /* @__PURE__ */ jsxs43("div", { className: "stn-widget__grade-row-left", children: [
       /* @__PURE__ */ jsxs43("span", { className: "stn-widget__grade-row-label", children: [
-        /* @__PURE__ */ jsx54(StnIcon, { name: GRADE_ROW_ICON[grade], size: 20, className: "stn-widget__grade-row-icon", "aria-hidden": true }),
+        /* @__PURE__ */ jsx55(StnIcon, { name: GRADE_ROW_ICON[grade], size: 20, className: "stn-widget__grade-row-icon", "aria-hidden": true }),
         label
       ] }),
-      /* @__PURE__ */ jsx54("div", { className: "stn-widget__grade-row-track", "aria-hidden": true, children: /* @__PURE__ */ jsx54("span", { className: "stn-widget__grade-row-fill", style: { width: `${clamped}%` } }) })
+      /* @__PURE__ */ jsx55("div", { className: "stn-widget__grade-row-track", "aria-hidden": true, children: /* @__PURE__ */ jsx55("span", { className: "stn-widget__grade-row-fill", style: { width: `${clamped}%` } }) })
     ] }),
     /* @__PURE__ */ jsxs43("div", { className: "stn-widget__grade-row-right", children: [
-      /* @__PURE__ */ jsx54("span", { className: "stn-widget__grade-row-value", children: value }),
-      /* @__PURE__ */ jsx54("span", { className: "stn-widget__grade-row-percent", children: resolvedPercentLabel })
+      /* @__PURE__ */ jsx55("span", { className: "stn-widget__grade-row-value", children: value }),
+      /* @__PURE__ */ jsx55("span", { className: "stn-widget__grade-row-percent", children: resolvedPercentLabel })
     ] })
   ] });
 }
 function StnWidgetGradeRowList({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__grade-row-list", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__grade-row-list", className), ...rest, children });
 }
 function StnWidgetFooter({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__footer", className), ...rest, children });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__footer", className), ...rest, children });
 }
 markWidgetSlot(StnWidgetFooter, "footer");
 function StnWidgetEmpty({ className, children, ...rest }) {
   return /* @__PURE__ */ jsxs43("div", { className: cn("stn-widget__empty", className), ...rest, children: [
     /* @__PURE__ */ jsxs43("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", style: { opacity: 0.6 }, children: [
-      /* @__PURE__ */ jsx54("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx54("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-      /* @__PURE__ */ jsx54("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      /* @__PURE__ */ jsx55("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx55("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+      /* @__PURE__ */ jsx55("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
     ] }),
-    /* @__PURE__ */ jsx54("div", { children: children ?? "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." })
+    /* @__PURE__ */ jsx55("div", { children: children ?? "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." })
   ] });
 }
 function StnWidgetLoading({ lines = 3, className, children, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { className: cn("stn-widget__loading", className), ...rest, children: children ?? /* @__PURE__ */ jsx54(StnLoadingSkeleton.Widget, { lines }) });
+  return /* @__PURE__ */ jsx55("div", { className: cn("stn-widget__loading", className), ...rest, children: children ?? /* @__PURE__ */ jsx55(StnLoadingSkeleton.Widget, { lines }) });
 }
 function StnWidgetInsetIcon({ className, size = "sm", ...rest }) {
-  return /* @__PURE__ */ jsx54(StnIconBox, { size, className: cn("stn-widget__inset-icon", className), ...rest });
+  return /* @__PURE__ */ jsx55(StnIconBox, { size, className: cn("stn-widget__inset-icon", className), ...rest });
 }
 var StnWidget = Object.assign(StnWidgetRoot, {
   Header: StnWidgetHeader,
@@ -7565,11 +7599,11 @@ import {
 // src/layouts/StnStack.tsx
 import {
   Children as Children3,
-  forwardRef as forwardRef31,
+  forwardRef as forwardRef32,
   Fragment as Fragment6,
   isValidElement as isValidElement6
 } from "react";
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 var BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
 var DIRECTION_CLASS = /* @__PURE__ */ new Set(["row", "row-reverse", "column", "column-reverse"]);
 var STACK_SPACE_TOKENS = /* @__PURE__ */ new Set([2, 4, 6, 8, 10, 12, 14, 16, 20, 24, 32, 36, 40, 44, 48, 56, 64, 80, 84]);
@@ -7662,7 +7696,7 @@ function spacingClassesAndStyle(spacing) {
   }
   return { classes, inlineGap };
 }
-var StnStack = forwardRef31(function StnStack2({
+var StnStack = forwardRef32(function StnStack2({
   component,
   as,
   direction = "column",
@@ -7697,7 +7731,7 @@ var StnStack = forwardRef31(function StnStack2({
       child
     ] }, key);
   }) : children;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     Component,
     {
       ref,
@@ -7721,7 +7755,7 @@ var StnStack = forwardRef31(function StnStack2({
 });
 
 // src/patterns/dashboard/AlertCenterDashboard.tsx
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var TOP5_ROWS = [
   { label: "\uADF8\uB791\uC2DC\uC544", percent: 80, value: "80\uAC74", grade: "critical" },
   { label: "\uC5F0\uB9BD\uC8FC\uD0DD 15\uC138\uB300", percent: 74, value: "74\uAC74", grade: "major" },
@@ -7739,17 +7773,17 @@ function AlertCenterDashboard({ className, appearance = "translucent", loading =
       style: { flex: "1 1 0%", minHeight: 0, height: "100%", width: "100%" },
       "data-stn-dashboard": "alert-widgets",
       children: [
-        /* @__PURE__ */ jsx56(StnWidget, { title: "\uC2DC\uC124 \uD604\uD669", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx56(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsxs45(StnWidget.StatusList, { children: [
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "PTN", value: "179", showDot: false }),
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "MSPP", value: "63", showDot: false }),
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "L3\uC2A4\uC704\uCE58", value: "27", showDot: false })
+        /* @__PURE__ */ jsx57(StnWidget, { title: "\uC2DC\uC124 \uD604\uD669", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx57(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsxs45(StnWidget.StatusList, { children: [
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "PTN", value: "179", showDot: false }),
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "MSPP", value: "63", showDot: false }),
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "L3\uC2A4\uC704\uCE58", value: "27", showDot: false })
         ] }) }),
-        /* @__PURE__ */ jsx56(StnWidget, { title: "\uC7A5\uC560 \uD604\uD669", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx56(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsxs45(StnWidget.StatusList, { children: [
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "Critical", value: "43", grade: "critical" }),
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "Major", value: "79", grade: "major" }),
-          /* @__PURE__ */ jsx56(StnWidget.StatusItem, { label: "Minor", value: "3", grade: "minor" })
+        /* @__PURE__ */ jsx57(StnWidget, { title: "\uC7A5\uC560 \uD604\uD669", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx57(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsxs45(StnWidget.StatusList, { children: [
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "Critical", value: "43", grade: "critical" }),
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "Major", value: "79", grade: "major" }),
+          /* @__PURE__ */ jsx57(StnWidget.StatusItem, { label: "Minor", value: "3", grade: "minor" })
         ] }) }),
-        /* @__PURE__ */ jsx56(StnWidget, { title: "\uC77C\uC77C \uC7A5\uBE44\uBCC4 \uC7A5\uC560 TOP5", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx56(StnLoadingSkeleton.Widget, { lines: 4 }) : /* @__PURE__ */ jsx56(StnWidget.GradeRowList, { children: TOP5_ROWS.map((row) => /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(StnWidget, { title: "\uC77C\uC77C \uC7A5\uBE44\uBCC4 \uC7A5\uC560 TOP5", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx57(StnLoadingSkeleton.Widget, { lines: 4 }) : /* @__PURE__ */ jsx57(StnWidget.GradeRowList, { children: TOP5_ROWS.map((row) => /* @__PURE__ */ jsx57(
           StnWidget.GradeRow,
           {
             grade: row.grade,
@@ -7759,50 +7793,50 @@ function AlertCenterDashboard({ className, appearance = "translucent", loading =
           },
           row.label
         )) }) }),
-        /* @__PURE__ */ jsx56(StnWidget, { title: "\uC77C\uC77C \uC7A5\uC560 \uD1B5\uACC4", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx56(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsx56(StnWidget.ChartSlot, { label: "\uC77C\uC77C \uC7A5\uC560 \uD1B5\uACC4 \uCC28\uD2B8" }) })
+        /* @__PURE__ */ jsx57(StnWidget, { title: "\uC77C\uC77C \uC7A5\uC560 \uD1B5\uACC4", appearance, interactive: true, children: loading ? /* @__PURE__ */ jsx57(StnLoadingSkeleton.Widget, { lines: 3 }) : /* @__PURE__ */ jsx57(StnWidget.ChartSlot, { label: "\uC77C\uC77C \uC7A5\uC560 \uD1B5\uACC4 \uCC28\uD2B8" }) })
       ]
     }
   );
 }
 
 // src/patterns/dashboard/PubDashboardWidgetBodies.tsx
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function PubDisabilityStatusList({ items, summary }) {
   return /* @__PURE__ */ jsxs46("div", { className: "ds-disability-status", children: [
-    /* @__PURE__ */ jsx57("ul", { className: "ds-disability-status__list", children: items.map((item, i) => /* @__PURE__ */ jsxs46(
+    /* @__PURE__ */ jsx58("ul", { className: "ds-disability-status__list", children: items.map((item, i) => /* @__PURE__ */ jsxs46(
       "li",
       {
         className: ["ds-disability-status__item", item.grade].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ jsxs46("span", { children: [
-            item.showDot !== false && item.grade ? /* @__PURE__ */ jsx57("span", { className: "dot", "aria-hidden": true }) : null,
+            item.showDot !== false && item.grade ? /* @__PURE__ */ jsx58("span", { className: "dot", "aria-hidden": true }) : null,
             item.label
           ] }),
-          /* @__PURE__ */ jsx57("p", { children: item.value })
+          /* @__PURE__ */ jsx58("p", { children: item.value })
         ]
       },
       i
     )) }),
-    summary && summary.length > 0 ? /* @__PURE__ */ jsx57("div", { className: "ds-disability-status__summary", children: summary.map((row, i) => /* @__PURE__ */ jsxs46("p", { className: "ds-disability-status__value", children: [
+    summary && summary.length > 0 ? /* @__PURE__ */ jsx58("div", { className: "ds-disability-status__summary", children: summary.map((row, i) => /* @__PURE__ */ jsxs46("p", { className: "ds-disability-status__value", children: [
       row.label,
-      /* @__PURE__ */ jsx57("span", { children: row.value })
+      /* @__PURE__ */ jsx58("span", { children: row.value })
     ] }, i)) }) : null
   ] });
 }
 function PubTrafficTop5Bars({ rows }) {
   const maxPercent = Math.max(...rows.map((row) => row.percent), 0);
-  return /* @__PURE__ */ jsx57("div", { className: "ds-bar-group", children: rows.map((row) => /* @__PURE__ */ jsxs46("div", { className: ["ds-bar", row.percent === maxPercent ? "max" : ""].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx57("p", { className: "ds-bar-name", title: row.label, children: row.label }),
-    /* @__PURE__ */ jsx57("div", { className: "ds-bar-con", title: `${row.percent}%`, children: /* @__PURE__ */ jsx57("span", { className: "ds-bar-gauge", style: { "--percent": `${row.percent}%` } }) }),
-    /* @__PURE__ */ jsx57("p", { className: "ds-bar-value", title: row.value, children: row.value })
+  return /* @__PURE__ */ jsx58("div", { className: "ds-bar-group", children: rows.map((row) => /* @__PURE__ */ jsxs46("div", { className: ["ds-bar", row.percent === maxPercent ? "max" : ""].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx58("p", { className: "ds-bar-name", title: row.label, children: row.label }),
+    /* @__PURE__ */ jsx58("div", { className: "ds-bar-con", title: `${row.percent}%`, children: /* @__PURE__ */ jsx58("span", { className: "ds-bar-gauge", style: { "--percent": `${row.percent}%` } }) }),
+    /* @__PURE__ */ jsx58("p", { className: "ds-bar-value", title: row.value, children: row.value })
   ] }, row.label)) });
 }
 function PubTop5EquipmentBars({ rows }) {
   return /* @__PURE__ */ jsxs46("div", { className: "ds-group", children: [
-    /* @__PURE__ */ jsx57("div", { className: "ds-group-box", children: /* @__PURE__ */ jsx57("div", { className: "ds-equipment-ico", children: /* @__PURE__ */ jsx57("span", { className: "blind", children: "\uC7A5\uBE44 \uC774\uBBF8\uC9C0" }) }) }),
-    /* @__PURE__ */ jsx57("div", { className: "ds-group-box", children: /* @__PURE__ */ jsx57("div", { className: "ds-bar-group", children: rows.map((row) => /* @__PURE__ */ jsx57("div", { className: "ds-bar type-2", children: /* @__PURE__ */ jsxs46("div", { className: "ds-bar-con", title: `${row.percent}%`, children: [
-      /* @__PURE__ */ jsx57("span", { className: "ds-bar-gauge", style: { "--percent": `${row.percent}%` } }),
-      /* @__PURE__ */ jsx57("div", { className: "ds-bar-status", children: row.status })
+    /* @__PURE__ */ jsx58("div", { className: "ds-group-box", children: /* @__PURE__ */ jsx58("div", { className: "ds-equipment-ico", children: /* @__PURE__ */ jsx58("span", { className: "blind", children: "\uC7A5\uBE44 \uC774\uBBF8\uC9C0" }) }) }),
+    /* @__PURE__ */ jsx58("div", { className: "ds-group-box", children: /* @__PURE__ */ jsx58("div", { className: "ds-bar-group", children: rows.map((row) => /* @__PURE__ */ jsx58("div", { className: "ds-bar type-2", children: /* @__PURE__ */ jsxs46("div", { className: "ds-bar-con", title: `${row.percent}%`, children: [
+      /* @__PURE__ */ jsx58("span", { className: "ds-bar-gauge", style: { "--percent": `${row.percent}%` } }),
+      /* @__PURE__ */ jsx58("div", { className: "ds-bar-status", children: row.status })
     ] }) }, row.label)) }) })
   ] });
 }
@@ -7811,7 +7845,7 @@ function PubChartSample({
   alt = "\uCC28\uD2B8",
   onError
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: "ds-chart", children: /* @__PURE__ */ jsx57("img", { src, alt, className: "chart_sample", onError }) });
+  return /* @__PURE__ */ jsx58("div", { className: "ds-chart", children: /* @__PURE__ */ jsx58("img", { src, alt, className: "chart_sample", onError }) });
 }
 
 // src/patterns/alertCenter/StnAlertCenterPanel.tsx
@@ -7819,7 +7853,7 @@ import { useState as useState16 } from "react";
 import {
   STN_ALERT_CENTER_TABS
 } from "@stn-uiux/pub-ui/data/stnAlertCenter";
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function resolveAlertIcon(item) {
   if (item.icon) {
     if (item.icon === "line/arrow-down") return "line/arrow-narrow-down";
@@ -7846,7 +7880,7 @@ function StnAlertCard({
 }) {
   const iconNode = resolveAlertIcon(item);
   const gradeLabel = resolveGradeLabel(item.grade);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     StnCard,
     {
       variant: "elevated",
@@ -7856,7 +7890,7 @@ function StnAlertCard({
       className: cn("stn-alert-card", className),
       onClick,
       children: /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__row", children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(
           StnIcon,
           {
             name: iconNode,
@@ -7867,7 +7901,7 @@ function StnAlertCard({
         ),
         /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__body", children: [
           /* @__PURE__ */ jsxs47(StnStack, { direction: "row", alignItems: "center", spacing: 1, className: "stn-alert-card__header-line", children: [
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx59(
               StnChip,
               {
                 shape: "pill",
@@ -7877,22 +7911,22 @@ function StnAlertCard({
                 children: gradeLabel
               }
             ),
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx59(
               "span",
               {
                 className: cn("stn-alert-card__title", titleOverflow),
                 title: item.title,
-                children: /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__text-inner", children: item.title })
+                children: /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__text-inner", children: item.title })
               }
             )
           ] }),
           /* @__PURE__ */ jsxs47(StnStack, { direction: "row", alignItems: "center", spacing: 2, wrap: "wrap", className: "stn-alert-card__desc-line", children: [
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx59(
               "span",
               {
                 className: cn("stn-alert-card__desc", descOverflow),
                 title: item.description,
-                children: /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__text-inner", children: item.description })
+                children: /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__text-inner", children: item.description })
               }
             ),
             item.occurredAt && /* @__PURE__ */ jsxs47(
@@ -7912,8 +7946,8 @@ function StnAlertCard({
           ] })
         ] }),
         /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__meta", children: [
-          /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__time", children: item.time }),
-          item.unread !== false && /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__time", children: item.time }),
+          item.unread !== false && /* @__PURE__ */ jsx59(
             "span",
             {
               className: cn(
@@ -7965,11 +7999,11 @@ function StnAlertCenterPanel({
       children: [
         /* @__PURE__ */ jsxs47("div", { className: "stn-alert-center__header", children: [
           /* @__PURE__ */ jsxs47("div", { className: "stn-alert-center__header-left", children: [
-            /* @__PURE__ */ jsx58(StnIcon, { name: "line/bell", size: 20, color: "var(--stn-primary)" }),
-            /* @__PURE__ */ jsx58("span", { className: "stn-alert-center__title", children: title }),
-            alertCount > 0 && /* @__PURE__ */ jsx58(StnChip, { shape: "pill", size: "sm", variant: "subtle", color: "primary", children: alertCount })
+            /* @__PURE__ */ jsx59(StnIcon, { name: "line/bell", size: 20, color: "var(--stn-primary)" }),
+            /* @__PURE__ */ jsx59("span", { className: "stn-alert-center__title", children: title }),
+            alertCount > 0 && /* @__PURE__ */ jsx59(StnChip, { shape: "pill", size: "sm", variant: "subtle", color: "primary", children: alertCount })
           ] }),
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59(
             StnSegmented,
             {
               size: "md",
@@ -7983,7 +8017,7 @@ function StnAlertCenterPanel({
             }
           ),
           /* @__PURE__ */ jsxs47("div", { className: "stn-alert-center__header-right", children: [
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx59(
               StnButton,
               {
                 variant: "text",
@@ -7993,8 +8027,8 @@ function StnAlertCenterPanel({
                 children: "\uBAA8\uB450 \uC77D\uC74C"
               }
             ),
-            /* @__PURE__ */ jsx58("div", { className: "stn-alert-center__divider", "aria-hidden": true }),
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx59("div", { className: "stn-alert-center__divider", "aria-hidden": true }),
+            /* @__PURE__ */ jsx59(
               StnButton,
               {
                 icon: "line/x",
@@ -8013,7 +8047,7 @@ function StnAlertCenterPanel({
             size: "thin",
             className: "stn-alert-center__list-wrap",
             children: [
-              activeTab === "error" && /* @__PURE__ */ jsx58("ul", { className: "stn-alert-center__list", children: alerts.map((item) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(
+              activeTab === "error" && /* @__PURE__ */ jsx59("ul", { className: "stn-alert-center__list", children: alerts.map((item) => /* @__PURE__ */ jsx59("li", { children: /* @__PURE__ */ jsx59(
                 StnAlertCard,
                 {
                   item,
@@ -8022,35 +8056,35 @@ function StnAlertCenterPanel({
                   onClick: () => onItemClick?.(item)
                 }
               ) }, item.id ?? item.title)) }),
-              activeTab === "work" && /* @__PURE__ */ jsx58("ul", { className: "stn-alert-center__list", children: workItems.map((row) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(StnCard, { variant: "elevated", radius: "md", padding: "md", interactive: true, className: "stn-alert-card", children: /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__row", children: [
-                /* @__PURE__ */ jsx58(StnIcon, { name: "line/clock", size: 24, color: "var(--stn-text-secondary)", className: "stn-alert-card__icon" }),
+              activeTab === "work" && /* @__PURE__ */ jsx59("ul", { className: "stn-alert-center__list", children: workItems.map((row) => /* @__PURE__ */ jsx59("li", { children: /* @__PURE__ */ jsx59(StnCard, { variant: "elevated", radius: "md", padding: "md", interactive: true, className: "stn-alert-card", children: /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__row", children: [
+                /* @__PURE__ */ jsx59(StnIcon, { name: "line/clock", size: 24, color: "var(--stn-text-secondary)", className: "stn-alert-card__icon" }),
                 /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__body", children: [
-                  /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__type-label work", children: row.typeLabel }),
-                  /* @__PURE__ */ jsx58("span", { className: cn("stn-alert-card__desc", resolvedDescOverflow), title: row.text, children: /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__text-inner", children: row.text }) })
+                  /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__type-label work", children: row.typeLabel }),
+                  /* @__PURE__ */ jsx59("span", { className: cn("stn-alert-card__desc", resolvedDescOverflow), title: row.text, children: /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__text-inner", children: row.text }) })
                 ] }),
-                /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__time", children: row.time })
+                /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__time", children: row.time })
               ] }) }) }, row.id ?? row.text)) }),
-              activeTab === "deploy" && /* @__PURE__ */ jsx58("ul", { className: "stn-alert-center__list", children: deployItems.map((row) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(StnCard, { variant: "elevated", radius: "md", padding: "md", interactive: true, className: "stn-alert-card", children: /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__row", children: [
-                /* @__PURE__ */ jsx58(StnIcon, { name: "line/settings", size: 24, color: "var(--stn-secondary)", className: "stn-alert-card__icon" }),
+              activeTab === "deploy" && /* @__PURE__ */ jsx59("ul", { className: "stn-alert-center__list", children: deployItems.map((row) => /* @__PURE__ */ jsx59("li", { children: /* @__PURE__ */ jsx59(StnCard, { variant: "elevated", radius: "md", padding: "md", interactive: true, className: "stn-alert-card", children: /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__row", children: [
+                /* @__PURE__ */ jsx59(StnIcon, { name: "line/settings", size: 24, color: "var(--stn-secondary)", className: "stn-alert-card__icon" }),
                 /* @__PURE__ */ jsxs47("div", { className: "stn-alert-card__body", children: [
-                  /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__type-label stn-alert-card__type-label--deploy", children: row.typeLabel }),
-                  /* @__PURE__ */ jsx58("span", { className: cn("stn-alert-card__desc", resolvedDescOverflow), title: row.text, children: /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__text-inner", children: row.text }) })
+                  /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__type-label stn-alert-card__type-label--deploy", children: row.typeLabel }),
+                  /* @__PURE__ */ jsx59("span", { className: cn("stn-alert-card__desc", resolvedDescOverflow), title: row.text, children: /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__text-inner", children: row.text }) })
                 ] }),
-                /* @__PURE__ */ jsx58("span", { className: "stn-alert-card__time", children: row.time })
+                /* @__PURE__ */ jsx59("span", { className: "stn-alert-card__time", children: row.time })
               ] }) }) }, row.id ?? row.text)) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx58("div", { className: "stn-alert-center__footer", children: /* @__PURE__ */ jsxs47(
+        /* @__PURE__ */ jsx59("div", { className: "stn-alert-center__footer", children: /* @__PURE__ */ jsxs47(
           "button",
           {
             type: "button",
             className: "stn-alert-center__footer-link",
             onClick: onManageSettings,
             children: [
-              /* @__PURE__ */ jsx58("span", { children: "\uC54C\uB9BC \uC124\uC815 \uAD00\uB9AC" }),
-              /* @__PURE__ */ jsx58(StnIcon, { name: "line/settings", size: 14 }),
-              /* @__PURE__ */ jsx58(StnIcon, { name: "line/chevron-right", size: 14 })
+              /* @__PURE__ */ jsx59("span", { children: "\uC54C\uB9BC \uC124\uC815 \uAD00\uB9AC" }),
+              /* @__PURE__ */ jsx59(StnIcon, { name: "line/settings", size: 14 }),
+              /* @__PURE__ */ jsx59(StnIcon, { name: "line/chevron-right", size: 14 })
             ]
           }
         ) })
@@ -8060,7 +8094,7 @@ function StnAlertCenterPanel({
 }
 
 // src/patterns/alertCenter/StnAlertCenterDocPreview.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function StnAlertCenterDocPreview({
   mode = "light",
   theme,
@@ -8068,11 +8102,11 @@ function StnAlertCenterDocPreview({
   children,
   ...panelProps
 }) {
-  const panel = children ?? /* @__PURE__ */ jsx59(StnAlertCenterPanel, { ...panelProps });
+  const panel = children ?? /* @__PURE__ */ jsx60(StnAlertCenterPanel, { ...panelProps });
   if (!withDocChrome) {
-    return /* @__PURE__ */ jsx59(StnProvider, { mode, theme, applyModeToDocument: false, children: panel });
+    return /* @__PURE__ */ jsx60(StnProvider, { mode, theme, applyModeToDocument: false, children: panel });
   }
-  return /* @__PURE__ */ jsx59("div", { className: "stn-doc-frame stn-doc-frame--alert-center", "data-mode": mode, "data-theme": theme, children: /* @__PURE__ */ jsx59("div", { className: "stn-alert-center-preview-shell", children: panel }) });
+  return /* @__PURE__ */ jsx60("div", { className: "stn-doc-frame stn-doc-frame--alert-center", "data-mode": mode, "data-theme": theme, children: /* @__PURE__ */ jsx60("div", { className: "stn-alert-center-preview-shell", children: panel }) });
 }
 
 // src/index.ts
@@ -8097,13 +8131,13 @@ var SideNavContext = createContext4({
 var useSideNav = () => useContext4(SideNavContext);
 
 // src/components/sideNav/StnSideNavItem.tsx
-import { forwardRef as forwardRef32 } from "react";
+import { forwardRef as forwardRef33 } from "react";
 import { STN_NAV_MENU_SUB_ICON } from "@stn-uiux/pub-ui/data/stnSideNavItem";
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
 function maskStyle2(src) {
   return { maskImage: `url('${src}')`, WebkitMaskImage: `url('${src}')` };
 }
-var StnSideNavItem = forwardRef32(function StnSideNavItem2({
+var StnSideNavItem = forwardRef33(function StnSideNavItem2({
   label,
   id,
   iconSrc,
@@ -8147,12 +8181,12 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
     }
   };
   const iconElement = hasIcon && !isSub ? /* @__PURE__ */ jsxs48("span", { className: "stn-side-nav-item__icon-wrap", children: [
-    /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__icon", "aria-hidden": "true", children: icon ?? (resolvedIconSrc ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__icon-glyph", style: maskStyle2(resolvedIconSrc) }) : null) }),
-    showDot ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__dot-wrap", "aria-hidden": "true", children: /* @__PURE__ */ jsx60(StnBadge, { variant: "dot", color: "error" }) }) : null
+    /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__icon", "aria-hidden": "true", children: icon ?? (resolvedIconSrc ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__icon-glyph", style: maskStyle2(resolvedIconSrc) }) : null) }),
+    showDot ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__dot-wrap", "aria-hidden": "true", children: /* @__PURE__ */ jsx61(StnBadge, { variant: "dot", color: "error" }) }) : null
   ] }) : null;
-  const subIconElement = hasIcon && isSub ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__sub-icon", "aria-hidden": "true", children: icon ?? (resolvedIconSrc ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__icon-glyph", style: maskStyle2(resolvedIconSrc) }) : null) }) : null;
+  const subIconElement = hasIcon && isSub ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__sub-icon", "aria-hidden": "true", children: icon ?? (resolvedIconSrc ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__icon-glyph", style: maskStyle2(resolvedIconSrc) }) : null) }) : null;
   const activeIconElement = isSub ? subIconElement : iconElement;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     "button",
     {
       ref,
@@ -8173,8 +8207,8 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
       ...rest,
       children: /* @__PURE__ */ jsxs48("span", { className: cn("stn-side-nav-item__inner", spreadTrail && "spread"), children: [
         /* @__PURE__ */ jsxs48("span", { className: "stn-side-nav-item__lead", children: [
-          isSub && showSubIndent ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__sub-indent", "aria-hidden": "true" }) : null,
-          shouldShowSubDot ? /* @__PURE__ */ jsx60(
+          isSub && showSubIndent ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__sub-indent", "aria-hidden": "true" }) : null,
+          shouldShowSubDot ? /* @__PURE__ */ jsx61(
             "span",
             {
               className: cn(
@@ -8182,14 +8216,14 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
                 hasIcon && iconPosition === "left" && "compact"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__sub-dot-glyph", style: maskStyle2(STN_NAV_MENU_SUB_ICON) })
+              children: /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__sub-dot-glyph", style: maskStyle2(STN_NAV_MENU_SUB_ICON) })
             }
           ) : null,
           iconPosition === "left" ? activeIconElement : null,
-          /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__label", children: label })
+          /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__label", children: label })
         ] }),
         iconPosition === "right" ? activeIconElement : null,
-        renderBadge ? typeof badge === "string" || typeof badge === "number" ? /* @__PURE__ */ jsx60(
+        renderBadge ? typeof badge === "string" || typeof badge === "number" ? /* @__PURE__ */ jsx61(
           StnBadge,
           {
             badgeContent: badge,
@@ -8197,7 +8231,7 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
             appearance: "subtle",
             className: "stn-side-nav-item__badge"
           }
-        ) : badge ? /* @__PURE__ */ jsx60("span", { className: "stn-side-nav-item__badge", children: badge }) : showBadgeDot ? /* @__PURE__ */ jsx60(
+        ) : badge ? /* @__PURE__ */ jsx61("span", { className: "stn-side-nav-item__badge", children: badge }) : showBadgeDot ? /* @__PURE__ */ jsx61(
           StnBadge,
           {
             variant: "dot",
@@ -8205,7 +8239,7 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
             className: "stn-side-nav-item__badge"
           }
         ) : null : null,
-        !isSub && showChevron && !collapsed ? /* @__PURE__ */ jsx60(
+        !isSub && showChevron && !collapsed ? /* @__PURE__ */ jsx61(
           "span",
           {
             className: cn(
@@ -8222,15 +8256,15 @@ var StnSideNavItem = forwardRef32(function StnSideNavItem2({
 });
 
 // src/components/sideNav/StnSideNavHeader.tsx
-import { forwardRef as forwardRef34 } from "react";
+import { forwardRef as forwardRef35 } from "react";
 
 // src/components/sideNav/StnSideNavLogo.tsx
-import { forwardRef as forwardRef33 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
-var StnSideNavLogo = forwardRef33(
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx62 } from "react/jsx-runtime";
+var StnSideNavLogo = forwardRef34(
   function StnSideNavLogo2({ className, logoProps, ...rest }, ref) {
     const { collapsed } = useSideNav();
-    return /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsx62(
       "div",
       {
         ref,
@@ -8241,7 +8275,7 @@ var StnSideNavLogo = forwardRef33(
         ),
         title: "InfoMap",
         ...rest,
-        children: /* @__PURE__ */ jsx61(
+        children: /* @__PURE__ */ jsx62(
           StnLogo,
           {
             variant: collapsed ? "onlyimg" : "horizontal",
@@ -8255,8 +8289,8 @@ var StnSideNavLogo = forwardRef33(
 );
 
 // src/components/sideNav/StnSideNavHeader.tsx
-import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
-var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
+import { Fragment as Fragment7, jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+var StnSideNavHeader = forwardRef35(function StnSideNavHeader2({
   children,
   border = false,
   hasBorder = false,
@@ -8268,7 +8302,7 @@ var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
   const { collapsed, onToggleCollapse, isDrawer, setMobileOpen } = useSideNav();
   const withBorder = Boolean(border || hasBorder);
   const shouldShowClose = showClose ?? Boolean(isDrawer);
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       ref,
@@ -8280,8 +8314,8 @@ var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
       ),
       ...rest,
       children: children ?? /* @__PURE__ */ jsxs49(Fragment7, { children: [
-        /* @__PURE__ */ jsx62(StnSideNavLogo, {}),
-        shouldShowClose ? /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(StnSideNavLogo, {}),
+        shouldShowClose ? /* @__PURE__ */ jsx63(
           StnButton,
           {
             size: "sm",
@@ -8293,7 +8327,7 @@ var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
             className: "stn-side-nav__collapse-btn",
             onClick: () => setMobileOpen?.(false)
           }
-        ) : showToggle ? /* @__PURE__ */ jsx62(
+        ) : showToggle ? /* @__PURE__ */ jsx63(
           StnButton,
           {
             size: "sm",
@@ -8312,16 +8346,16 @@ var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
 });
 
 // src/components/sideNav/StnSideNavMenu.tsx
-import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx63 } from "react/jsx-runtime";
-var StnSideNavMenu = forwardRef35(function StnSideNavMenu2({
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx64 } from "react/jsx-runtime";
+var StnSideNavMenu = forwardRef36(function StnSideNavMenu2({
   children,
   className,
   scrollSize = "thin",
   scrollColor = "fade",
   ...rest
 }, ref) {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "nav",
     {
       ref,
@@ -8342,13 +8376,13 @@ var StnSideNavMenu = forwardRef35(function StnSideNavMenu2({
 
 // src/components/sideNav/StnSideNavGroup.tsx
 import {
-  forwardRef as forwardRef36,
+  forwardRef as forwardRef37,
   useEffect as useEffect12,
   useRef as useRef8,
   useState as useState17
 } from "react";
-import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
-var StnSideNavGroup = forwardRef36(function StnSideNavGroup2({
+import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+var StnSideNavGroup = forwardRef37(function StnSideNavGroup2({
   label,
   parent,
   direction = "down",
@@ -8392,7 +8426,7 @@ var StnSideNavGroup = forwardRef36(function StnSideNavGroup2({
     }
     onOpenChange?.(next);
   };
-  const subnavNode = children && (!collapsed && isOpen) ? /* @__PURE__ */ jsx64(
+  const subnavNode = children && (!collapsed && isOpen) ? /* @__PURE__ */ jsx65(
     "div",
     {
       className: cn(
@@ -8428,7 +8462,7 @@ var StnSideNavGroup = forwardRef36(function StnSideNavGroup2({
       "aria-label": typeof label === "string" ? label : void 0,
       ...rest,
       children: [
-        label && !collapsed ? /* @__PURE__ */ jsx64("span", { className: "stn-side-nav__group-label", onClick: handleToggle, children: label }) : null,
+        label && !collapsed ? /* @__PURE__ */ jsx65("span", { className: "stn-side-nav__group-label", onClick: handleToggle, children: label }) : null,
         isUp ? subnavNode : null,
         parent,
         !isUp ? subnavNode : null
@@ -8438,10 +8472,10 @@ var StnSideNavGroup = forwardRef36(function StnSideNavGroup2({
 });
 
 // src/components/sideNav/StnSideNavSpacer.tsx
-import { forwardRef as forwardRef37 } from "react";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var StnSideNavSpacer = forwardRef37(function StnSideNavSpacer2({ className, style, ...rest }, ref) {
-  return /* @__PURE__ */ jsx65(
+import { forwardRef as forwardRef38 } from "react";
+import { jsx as jsx66 } from "react/jsx-runtime";
+var StnSideNavSpacer = forwardRef38(function StnSideNavSpacer2({ className, style, ...rest }, ref) {
+  return /* @__PURE__ */ jsx66(
     "div",
     {
       ref,
@@ -8454,10 +8488,10 @@ var StnSideNavSpacer = forwardRef37(function StnSideNavSpacer2({ className, styl
 });
 
 // src/components/sideNav/StnSideNavFooter.tsx
-import { forwardRef as forwardRef38 } from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
-var StnSideNavFooter = forwardRef38(function StnSideNavFooter2({ curved = false, children, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx66(
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx67 } from "react/jsx-runtime";
+var StnSideNavFooter = forwardRef39(function StnSideNavFooter2({ curved = false, children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx67(
     "nav",
     {
       ref,
@@ -8470,12 +8504,12 @@ var StnSideNavFooter = forwardRef38(function StnSideNavFooter2({ curved = false,
 });
 
 // src/components/sideNav/StnSideNavToggle.tsx
-import { forwardRef as forwardRef39 } from "react";
-import { jsx as jsx67 } from "react/jsx-runtime";
-var StnSideNavToggle = forwardRef39(
+import { forwardRef as forwardRef40 } from "react";
+import { jsx as jsx68 } from "react/jsx-runtime";
+var StnSideNavToggle = forwardRef40(
   function StnSideNavToggle2({ className, onClick, ...rest }, ref) {
     const { collapsed, onToggleCollapse } = useSideNav();
-    return /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68(
       "button",
       {
         ref,
@@ -8488,7 +8522,7 @@ var StnSideNavToggle = forwardRef39(
         "aria-label": collapsed ? "\uC0AC\uC774\uB4DC\uBC14 \uD3BC\uCE58\uAE30" : "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30",
         title: collapsed ? "\uC0AC\uC774\uB4DC\uBC14 \uD3BC\uCE58\uAE30" : "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30",
         ...rest,
-        children: /* @__PURE__ */ jsx67(
+        children: /* @__PURE__ */ jsx68(
           "svg",
           {
             width: "12",
@@ -8499,7 +8533,7 @@ var StnSideNavToggle = forwardRef39(
             strokeWidth: "2.5",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx67("path", { d: "M9 18l6-6-6-6" })
+            children: /* @__PURE__ */ jsx68("path", { d: "M9 18l6-6-6-6" })
           }
         )
       }
@@ -8508,27 +8542,27 @@ var StnSideNavToggle = forwardRef39(
 );
 
 // src/components/sideNav/StnSideNavWatermark.tsx
-import { forwardRef as forwardRef40 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
-var StnSideNavWatermark = forwardRef40(
+import { forwardRef as forwardRef41 } from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var StnSideNavWatermark = forwardRef41(
   function StnSideNavWatermark2({ size = "xl", mode, theme, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       "div",
       {
         ref,
         className: cn("stn-side-nav__watermark", className),
         "aria-hidden": "true",
         ...rest,
-        children: /* @__PURE__ */ jsx68(StnLogo, { variant: "watermark", size, mode: mode ?? theme })
+        children: /* @__PURE__ */ jsx69(StnLogo, { variant: "watermark", size, mode: mode ?? theme })
       }
     );
   }
 );
 
 // src/components/sideNav/StnSideNavMobileTrigger.tsx
-import { forwardRef as forwardRef41, useEffect as useEffect13, useState as useState18 } from "react";
-import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
-var StnSideNavMobileTrigger = forwardRef41(
+import { forwardRef as forwardRef42, useEffect as useEffect13, useState as useState18 } from "react";
+import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
+var StnSideNavMobileTrigger = forwardRef42(
   function StnSideNavMobileTrigger2({ floating = false, className, children, onClick, ...rest }, ref) {
     const { onToggleMobileOpen, mobileOpen: contextMobileOpen } = useSideNav();
     const [fallbackMobileOpen, setFallbackMobileOpen] = useState18(false);
@@ -8546,7 +8580,7 @@ var StnSideNavMobileTrigger = forwardRef41(
       };
     }, [onToggleMobileOpen]);
     const isMobileOpen = onToggleMobileOpen ? contextMobileOpen : fallbackMobileOpen;
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "button",
       {
         ref,
@@ -8569,9 +8603,9 @@ var StnSideNavMobileTrigger = forwardRef41(
         },
         ...rest,
         children: children ?? /* @__PURE__ */ jsxs51("span", { className: "stn-side-nav__hamburger-bars", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx69("span", {}),
-          /* @__PURE__ */ jsx69("span", {}),
-          /* @__PURE__ */ jsx69("span", {})
+          /* @__PURE__ */ jsx70("span", {}),
+          /* @__PURE__ */ jsx70("span", {}),
+          /* @__PURE__ */ jsx70("span", {})
         ] })
       }
     );
@@ -8580,12 +8614,12 @@ var StnSideNavMobileTrigger = forwardRef41(
 
 // src/components/sideNav/StnSideNavSub.tsx
 import {
-  forwardRef as forwardRef42
+  forwardRef as forwardRef43
 } from "react";
-import { jsx as jsx70 } from "react/jsx-runtime";
-var StnSideNavSub = forwardRef42(
+import { jsx as jsx71 } from "react/jsx-runtime";
+var StnSideNavSub = forwardRef43(
   function StnSideNavSub2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "div",
       {
         ref,
@@ -8598,7 +8632,7 @@ var StnSideNavSub = forwardRef42(
     );
   }
 );
-var StnSideNavSubItem = forwardRef42(
+var StnSideNavSubItem = forwardRef43(
   function StnSideNavSubItem2({
     variant = "ghost",
     size = "md",
@@ -8614,14 +8648,14 @@ var StnSideNavSubItem = forwardRef42(
     const { collapsed } = useSideNav();
     const content = children ?? label;
     const computedTitle = title ?? (typeof content === "string" ? content : void 0);
-    const resolvedIcon = icon ?? (iconSrc ? /* @__PURE__ */ jsx70("span", { className: "stn-side-nav__sub-icon", children: /* @__PURE__ */ jsx70(
+    const resolvedIcon = icon ?? (iconSrc ? /* @__PURE__ */ jsx71("span", { className: "stn-side-nav__sub-icon", children: /* @__PURE__ */ jsx71(
       "span",
       {
         className: "stn-side-nav__sub-glyph",
         style: { maskImage: `url('${iconSrc}')`, WebkitMaskImage: `url('${iconSrc}')` }
       }
     ) }) : null);
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       StnButton,
       {
         ref,
@@ -8640,9 +8674,9 @@ var StnSideNavSubItem = forwardRef42(
 );
 
 // src/components/sideNav/StnSideNavSubNav.tsx
-import { forwardRef as forwardRef43 } from "react";
-import { jsx as jsx71 } from "react/jsx-runtime";
-var StnSideNavSubNav = forwardRef43(
+import { forwardRef as forwardRef44 } from "react";
+import { jsx as jsx72 } from "react/jsx-runtime";
+var StnSideNavSubNav = forwardRef44(
   function StnSideNavSubNav2({
     dropdown = false,
     direction = "down",
@@ -8654,7 +8688,7 @@ var StnSideNavSubNav = forwardRef43(
   }, ref) {
     const isUp = direction === "up";
     const isTransparent = variant === "transparent" || background === false;
-    return /* @__PURE__ */ jsx71(
+    return /* @__PURE__ */ jsx72(
       "div",
       {
         ref,
@@ -8677,13 +8711,13 @@ var StnSideNavSubNav = forwardRef43(
 
 // src/patterns/sideNav/StnSideNavigation.tsx
 import {
-  forwardRef as forwardRef44,
+  forwardRef as forwardRef45,
   useCallback as useCallback9,
   useEffect as useEffect14,
   useMemo as useMemo4,
   useState as useState19
 } from "react";
-import { jsx as jsx72, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
 function useControllableState(controlledValue, defaultValue, onChange) {
   const [internalState, setInternalState] = useState19(defaultValue);
   const isControlled = controlledValue !== void 0;
@@ -8699,7 +8733,7 @@ function useControllableState(controlledValue, defaultValue, onChange) {
   );
   return [value, setValue];
 }
-var StnSideNavigationRoot = forwardRef44(function StnSideNavigationRoot2({
+var StnSideNavigationRoot = forwardRef45(function StnSideNavigationRoot2({
   variant: variantProp,
   appearance,
   drawerVariant: drawerVariantProp,
@@ -8777,8 +8811,8 @@ var StnSideNavigationRoot = forwardRef44(function StnSideNavigationRoot2({
     [isEffectiveCollapsed, activeId, setActiveId, handleToggleCollapse, mobileOpen, handleToggleMobileOpen, setMobileOpen, isDrawerMode]
   );
   return /* @__PURE__ */ jsxs52(SideNavContext.Provider, { value: contextValue, children: [
-    showMobileTrigger && /* @__PURE__ */ jsx72(StnSideNavMobileTrigger, { floating: true }),
-    (drawer || responsiveDrawer) && /* @__PURE__ */ jsx72(
+    showMobileTrigger && /* @__PURE__ */ jsx73(StnSideNavMobileTrigger, { floating: true }),
+    (drawer || responsiveDrawer) && /* @__PURE__ */ jsx73(
       "div",
       {
         className: cn("stn-side-nav__backdrop", mobileOpen && "is-open"),
@@ -8786,7 +8820,7 @@ var StnSideNavigationRoot = forwardRef44(function StnSideNavigationRoot2({
         "aria-hidden": !mobileOpen
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       "aside",
       {
         ref,
@@ -8835,7 +8869,7 @@ import {
 import {
   STN_BREADCRUMB_ICON_SRC
 } from "@stn-uiux/pub-ui/data/stnBreadcrumb";
-import { Fragment as Fragment9, jsx as jsx73, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx74, jsxs as jsxs53 } from "react/jsx-runtime";
 function maskStyle3(src) {
   return { maskImage: `url('${src}')`, WebkitMaskImage: `url('${src}')` };
 }
@@ -8848,13 +8882,13 @@ function hasSegmentMenu(item) {
   return Boolean(item.menu || item.menuItems && item.menuItems.length > 0);
 }
 function BreadcrumbSeparator() {
-  return /* @__PURE__ */ jsx73("li", { className: "separator", "aria-hidden": "true", children: /* @__PURE__ */ jsx73("span", { style: maskStyle3(STN_BREADCRUMB_ICON_SRC.separator) }) });
+  return /* @__PURE__ */ jsx74("li", { className: "separator", "aria-hidden": "true", children: /* @__PURE__ */ jsx74("span", { style: maskStyle3(STN_BREADCRUMB_ICON_SRC.separator) }) });
 }
 function BreadcrumbIcon({ src }) {
-  return /* @__PURE__ */ jsx73("span", { className: "stn-breadcrumb__icon-glyph", style: maskStyle3(src), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx74("span", { className: "stn-breadcrumb__icon-glyph", style: maskStyle3(src), "aria-hidden": "true" });
 }
 function BreadcrumbCaret() {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "span",
     {
       className: "stn-breadcrumb__caret",
@@ -8869,9 +8903,9 @@ function SegmentContent({
   menu
 }) {
   return /* @__PURE__ */ jsxs53(Fragment9, { children: [
-    iconSrc ? /* @__PURE__ */ jsx73(BreadcrumbIcon, { src: iconSrc }) : null,
-    /* @__PURE__ */ jsx73("span", { className: "stn-breadcrumb__label", children: label }),
-    menu ? /* @__PURE__ */ jsx73(BreadcrumbCaret, {}) : null
+    iconSrc ? /* @__PURE__ */ jsx74(BreadcrumbIcon, { src: iconSrc }) : null,
+    /* @__PURE__ */ jsx74("span", { className: "stn-breadcrumb__label", children: label }),
+    menu ? /* @__PURE__ */ jsx74(BreadcrumbCaret, {}) : null
   ] });
 }
 function BreadcrumbMenuList({
@@ -8879,7 +8913,7 @@ function BreadcrumbMenuList({
   items,
   onPick
 }) {
-  return /* @__PURE__ */ jsx73("ul", { id, className: "stn-breadcrumb__menu", role: "menu", children: items.map((option) => /* @__PURE__ */ jsx73("li", { role: "none", children: option.href ? /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74("ul", { id, className: "stn-breadcrumb__menu", role: "menu", children: items.map((option) => /* @__PURE__ */ jsx74("li", { role: "none", children: option.href ? /* @__PURE__ */ jsx74(
     "a",
     {
       role: "menuitem",
@@ -8891,7 +8925,7 @@ function BreadcrumbMenuList({
       },
       children: option.label
     }
-  ) : /* @__PURE__ */ jsx73(
+  ) : /* @__PURE__ */ jsx74(
     "button",
     {
       type: "button",
@@ -8935,13 +8969,13 @@ function BreadcrumbSegment({
   const canOpenMenu = showMenu && menuItems.length > 0;
   const rootRef = useDismissibleMenu(open, () => setOpen(false));
   const iconSrc = resolveIconSrc(item);
-  const content = /* @__PURE__ */ jsx73(SegmentContent, { iconSrc, label: item.label, menu: showMenu });
+  const content = /* @__PURE__ */ jsx74(SegmentContent, { iconSrc, label: item.label, menu: showMenu });
   if (isCurrent) {
-    return /* @__PURE__ */ jsx73("span", { className: "stn-breadcrumb__segment", "aria-current": "page", "aria-label": item.label, children: content });
+    return /* @__PURE__ */ jsx74("span", { className: "stn-breadcrumb__segment", "aria-current": "page", "aria-label": item.label, children: content });
   }
   if (canOpenMenu) {
     return /* @__PURE__ */ jsxs53("span", { ref: rootRef, className: "stn-breadcrumb__segment-wrap", children: [
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         "button",
         {
           type: "button",
@@ -8957,7 +8991,7 @@ function BreadcrumbSegment({
           children: content
         }
       ),
-      open ? /* @__PURE__ */ jsx73(BreadcrumbMenuList, { id: menuId, items: menuItems, onPick: () => setOpen(false) }) : null
+      open ? /* @__PURE__ */ jsx74(BreadcrumbMenuList, { id: menuId, items: menuItems, onPick: () => setOpen(false) }) : null
     ] });
   }
   if (item.menu || item.onClick) {
@@ -8969,7 +9003,7 @@ function BreadcrumbSegment({
       "aria-haspopup": item.menu ? "menu" : void 0,
       "aria-expanded": item.menu ? false : void 0
     };
-    return /* @__PURE__ */ jsx73("button", { ...buttonProps, children: content });
+    return /* @__PURE__ */ jsx74("button", { ...buttonProps, children: content });
   }
   if (item.href) {
     const linkProps = {
@@ -8978,9 +9012,9 @@ function BreadcrumbSegment({
       onClick: item.onClick,
       "aria-label": item.label
     };
-    return /* @__PURE__ */ jsx73("a", { ...linkProps, children: content });
+    return /* @__PURE__ */ jsx74("a", { ...linkProps, children: content });
   }
-  return /* @__PURE__ */ jsx73("span", { className: "stn-breadcrumb__segment", "aria-label": item.label, children: content });
+  return /* @__PURE__ */ jsx74("span", { className: "stn-breadcrumb__segment", "aria-label": item.label, children: content });
 }
 function BreadcrumbBack({
   label,
@@ -8988,7 +9022,7 @@ function BreadcrumbBack({
   onClick
 }) {
   const content = /* @__PURE__ */ jsxs53(Fragment9, { children: [
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "span",
       {
         className: "stn-breadcrumb__back-glyph",
@@ -8996,12 +9030,12 @@ function BreadcrumbBack({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsx73("span", { className: "stn-breadcrumb__label", children: label })
+    /* @__PURE__ */ jsx74("span", { className: "stn-breadcrumb__label", children: label })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx73("a", { className: "stn-breadcrumb__back", href, onClick, "aria-label": `\uB4A4\uB85C: ${label}`, children: content });
+    return /* @__PURE__ */ jsx74("a", { className: "stn-breadcrumb__back", href, onClick, "aria-label": `\uB4A4\uB85C: ${label}`, children: content });
   }
-  return /* @__PURE__ */ jsx73("button", { type: "button", className: "stn-breadcrumb__back", onClick, "aria-label": `\uB4A4\uB85C: ${label}`, children: content });
+  return /* @__PURE__ */ jsx74("button", { type: "button", className: "stn-breadcrumb__back", onClick, "aria-label": `\uB4A4\uB85C: ${label}`, children: content });
 }
 function splitCollapsedItems(items, maxItems, itemsBeforeCollapse, itemsAfterCollapse) {
   if (!maxItems || items.length <= maxItems) {
@@ -9033,7 +9067,7 @@ function BreadcrumbCollapsed({
     current: item.current
   }));
   return /* @__PURE__ */ jsxs53("li", { className: "stn-breadcrumb__item", ref: rootRef, children: [
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "button",
       {
         type: "button",
@@ -9046,7 +9080,7 @@ function BreadcrumbCollapsed({
         children: "\u22EF"
       }
     ),
-    open ? /* @__PURE__ */ jsx73(BreadcrumbMenuList, { id: menuId, items: menuItems, onPick: () => setOpen(false) }) : null
+    open ? /* @__PURE__ */ jsx74(BreadcrumbMenuList, { id: menuId, items: menuItems, onPick: () => setOpen(false) }) : null
   ] });
 }
 function StnBreadcrumb({
@@ -9078,8 +9112,8 @@ function StnBreadcrumb({
   const lastId = items[items.length - 1]?.id;
   const renderTrailItem = (item) => {
     const isCurrent = Boolean(item.current) || item.id === lastId;
-    const segment = /* @__PURE__ */ jsx73(BreadcrumbSegment, { item, isCurrent });
-    return /* @__PURE__ */ jsx73(
+    const segment = /* @__PURE__ */ jsx74(BreadcrumbSegment, { item, isCurrent });
+    return /* @__PURE__ */ jsx74(
       "li",
       {
         className: cn(
@@ -9090,27 +9124,27 @@ function StnBreadcrumb({
       }
     );
   };
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "nav",
     {
       className: cn("stn-breadcrumb", size, variant === "chip" && "chip", className),
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ jsxs53("ol", { className: "stn-breadcrumb__list", children: [
-        currentItem ? /* @__PURE__ */ jsx73("li", { className: "stn-breadcrumb__item stn-breadcrumb__item--back", children: /* @__PURE__ */ jsx73(BreadcrumbBack, { label: currentItem.label, href: backHref, onClick: backOnClick }) }) : null,
-        showHome ? /* @__PURE__ */ jsx73("li", { className: "stn-breadcrumb__item stn-breadcrumb__item--home", children: /* @__PURE__ */ jsxs53("a", { className: "stn-breadcrumb__home", href: homeHref, onClick: onHomeClick, children: [
-          /* @__PURE__ */ jsx73(BreadcrumbIcon, { src: STN_BREADCRUMB_ICON_SRC.home }),
-          /* @__PURE__ */ jsx73("span", { className: "blind", children: homeLabel })
+        currentItem ? /* @__PURE__ */ jsx74("li", { className: "stn-breadcrumb__item stn-breadcrumb__item--back", children: /* @__PURE__ */ jsx74(BreadcrumbBack, { label: currentItem.label, href: backHref, onClick: backOnClick }) }) : null,
+        showHome ? /* @__PURE__ */ jsx74("li", { className: "stn-breadcrumb__item stn-breadcrumb__item--home", children: /* @__PURE__ */ jsxs53("a", { className: "stn-breadcrumb__home", href: homeHref, onClick: onHomeClick, children: [
+          /* @__PURE__ */ jsx74(BreadcrumbIcon, { src: STN_BREADCRUMB_ICON_SRC.home }),
+          /* @__PURE__ */ jsx74("span", { className: "blind", children: homeLabel })
         ] }) }) : null,
         head.map((item, index) => /* @__PURE__ */ jsxs53(Fragment8, { children: [
-          showHome || index > 0 ? /* @__PURE__ */ jsx73(BreadcrumbSeparator, {}) : null,
+          showHome || index > 0 ? /* @__PURE__ */ jsx74(BreadcrumbSeparator, {}) : null,
           renderTrailItem(item)
         ] }, item.id)),
         hidden.length > 0 ? /* @__PURE__ */ jsxs53(Fragment9, { children: [
-          /* @__PURE__ */ jsx73(BreadcrumbSeparator, {}),
-          /* @__PURE__ */ jsx73(BreadcrumbCollapsed, { items: hidden, menuId })
+          /* @__PURE__ */ jsx74(BreadcrumbSeparator, {}),
+          /* @__PURE__ */ jsx74(BreadcrumbCollapsed, { items: hidden, menuId })
         ] }) : null,
         tail.map((item) => /* @__PURE__ */ jsxs53(Fragment8, { children: [
-          /* @__PURE__ */ jsx73(BreadcrumbSeparator, {}),
+          /* @__PURE__ */ jsx74(BreadcrumbSeparator, {}),
           renderTrailItem(item)
         ] }, item.id))
       ] })
@@ -9121,7 +9155,7 @@ function StnBreadcrumb({
 // src/components/StnHeaderTitle.tsx
 import { useEffect as useEffect16, useState as useState21 } from "react";
 import { STN_HEADER_TITLE_FRAME } from "@stn-uiux/pub-ui/data/stnHeaderTitle";
-import { jsx as jsx74, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs54 } from "react/jsx-runtime";
 var KO_WEEKDAY_SHORT = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
 var KO_WEEKDAY_LONG = [
   "\uC77C\uC694\uC77C",
@@ -9161,7 +9195,7 @@ function formatStnHeaderTitleTime(date, options) {
 function HeaderTitleFrame({ preview = false }) {
   const frameClass = preview ? "stn-header-title__frame-preview" : "stn-header-title__frame";
   return /* @__PURE__ */ jsxs54("div", { className: frameClass, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx74("div", { className: "stn-header-title__frame-bleed stn-header-title__frame-bleed--outer", children: /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75("div", { className: "stn-header-title__frame-bleed stn-header-title__frame-bleed--outer", children: /* @__PURE__ */ jsx75(
       "img",
       {
         className: "stn-header-title__frame-img",
@@ -9171,7 +9205,7 @@ function HeaderTitleFrame({ preview = false }) {
       }
     ) }),
     /* @__PURE__ */ jsxs54("div", { className: "stn-header-title__frame-bleed stn-header-title__frame-bleed--inner", children: [
-      /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx75(
         "img",
         {
           className: "stn-header-title__frame-img stn-header-title__frame-img--dark",
@@ -9180,7 +9214,7 @@ function HeaderTitleFrame({ preview = false }) {
           draggable: false
         }
       ),
-      /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx75(
         "img",
         {
           className: "stn-header-title__frame-img stn-header-title__frame-img--light",
@@ -9193,7 +9227,7 @@ function HeaderTitleFrame({ preview = false }) {
   ] });
 }
 function StnHeaderTitleFramePreview({ className }) {
-  return /* @__PURE__ */ jsx74("div", { className: cn("stn-header-title__frame-only", className), children: /* @__PURE__ */ jsx74(HeaderTitleFrame, { preview: true }) });
+  return /* @__PURE__ */ jsx75("div", { className: cn("stn-header-title__frame-only", className), children: /* @__PURE__ */ jsx75(HeaderTitleFrame, { preview: true }) });
 }
 function useLiveClock(enabled) {
   const [now, setNow] = useState21(() => /* @__PURE__ */ new Date());
@@ -9209,35 +9243,35 @@ function StnHeaderTitleMainText({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx74("h1", { className: cn("stn-header-title__text", className), ...rest, children });
+  return /* @__PURE__ */ jsx75("h1", { className: cn("stn-header-title__text", className), ...rest, children });
 }
 function StnHeaderTitleSubText({
   className,
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx74("span", { className: cn("stn-header-title__sub-text", className), ...rest, children });
+  return /* @__PURE__ */ jsx75("span", { className: cn("stn-header-title__sub-text", className), ...rest, children });
 }
 function StnHeaderTitleDate({
   className,
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx74("time", { className: cn("stn-header-title__date", className), ...rest, children });
+  return /* @__PURE__ */ jsx75("time", { className: cn("stn-header-title__date", className), ...rest, children });
 }
 function StnHeaderTitleWeekday({
   className,
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx74("span", { className: cn("stn-header-title__weekday", className), ...rest, children });
+  return /* @__PURE__ */ jsx75("span", { className: cn("stn-header-title__weekday", className), ...rest, children });
 }
 function StnHeaderTitleTime({
   className,
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx74("span", { className: cn("stn-header-title__time", className), "aria-label": "\uD604\uC7AC \uC2DC\uAC01", ...rest, children });
+  return /* @__PURE__ */ jsx75("span", { className: cn("stn-header-title__time", className), "aria-label": "\uD604\uC7AC \uC2DC\uAC01", ...rest, children });
 }
 function StnHeaderTitleClock({
   className,
@@ -9272,8 +9306,8 @@ function StnHeaderTitleClock({
         ),
         ...rest,
         children: [
-          framed ? /* @__PURE__ */ jsx74(HeaderTitleFrame, {}) : null,
-          /* @__PURE__ */ jsx74("div", { className: "stn-header-title__content", children })
+          framed ? /* @__PURE__ */ jsx75(HeaderTitleFrame, {}) : null,
+          /* @__PURE__ */ jsx75("div", { className: "stn-header-title__content", children })
         ]
       }
     );
@@ -9315,11 +9349,11 @@ function StnHeaderTitleClock({
       ),
       ...rest,
       children: [
-        framed ? /* @__PURE__ */ jsx74(HeaderTitleFrame, {}) : null,
+        framed ? /* @__PURE__ */ jsx75(HeaderTitleFrame, {}) : null,
         /* @__PURE__ */ jsxs54("div", { className: "stn-header-title__content", children: [
-          resolvedDate ? /* @__PURE__ */ jsx74("time", { className: "stn-header-title__date", dateTime: resolvedDate, children: resolvedDate }) : null,
-          showWeekdayOnly ? /* @__PURE__ */ jsx74("span", { className: "stn-header-title__weekday", children: resolvedWeekday }) : null,
-          resolvedTime ? /* @__PURE__ */ jsx74("span", { className: "stn-header-title__time", "aria-label": "\uD604\uC7AC \uC2DC\uAC01", children: resolvedTime }) : null
+          resolvedDate ? /* @__PURE__ */ jsx75("time", { className: "stn-header-title__date", dateTime: resolvedDate, children: resolvedDate }) : null,
+          showWeekdayOnly ? /* @__PURE__ */ jsx75("span", { className: "stn-header-title__weekday", children: resolvedWeekday }) : null,
+          resolvedTime ? /* @__PURE__ */ jsx75("span", { className: "stn-header-title__time", "aria-label": "\uD604\uC7AC \uC2DC\uAC01", children: resolvedTime }) : null
         ] })
       ]
     }
@@ -9348,10 +9382,10 @@ function StnHeaderTitleDual({
       ),
       ...rest,
       children: [
-        framed ? /* @__PURE__ */ jsx74(HeaderTitleFrame, {}) : null,
+        framed ? /* @__PURE__ */ jsx75(HeaderTitleFrame, {}) : null,
         /* @__PURE__ */ jsxs54("div", { className: "stn-header-title__content", children: [
-          subText != null ? /* @__PURE__ */ jsx74("span", { className: "stn-header-title__sub-text", children: subText }) : null,
-          resolvedMain != null ? typeof resolvedMain === "string" || typeof resolvedMain === "number" ? /* @__PURE__ */ jsx74("h1", { className: "stn-header-title__text", children: resolvedMain }) : resolvedMain : null
+          subText != null ? /* @__PURE__ */ jsx75("span", { className: "stn-header-title__sub-text", children: subText }) : null,
+          resolvedMain != null ? typeof resolvedMain === "string" || typeof resolvedMain === "number" ? /* @__PURE__ */ jsx75("h1", { className: "stn-header-title__text", children: resolvedMain }) : resolvedMain : null
         ] })
       ]
     }
@@ -9378,20 +9412,20 @@ function StnHeaderTitleText({
       ),
       ...rest,
       children: [
-        framed ? /* @__PURE__ */ jsx74(HeaderTitleFrame, {}) : null,
-        /* @__PURE__ */ jsx74("div", { className: "stn-header-title__content", children: typeof resolved === "string" || typeof resolved === "number" ? /* @__PURE__ */ jsx74("h1", { className: "stn-header-title__text", children: resolved }) : resolved })
+        framed ? /* @__PURE__ */ jsx75(HeaderTitleFrame, {}) : null,
+        /* @__PURE__ */ jsx75("div", { className: "stn-header-title__content", children: typeof resolved === "string" || typeof resolved === "number" ? /* @__PURE__ */ jsx75("h1", { className: "stn-header-title__text", children: resolved }) : resolved })
       ]
     }
   );
 }
 function StnHeaderTitleRoot(props) {
   if (props.variant === "clock") {
-    return /* @__PURE__ */ jsx74(StnHeaderTitleClock, { ...props });
+    return /* @__PURE__ */ jsx75(StnHeaderTitleClock, { ...props });
   }
   if (props.variant === "dual" || "subText" in props && props.subText != null) {
-    return /* @__PURE__ */ jsx74(StnHeaderTitleDual, { ...props });
+    return /* @__PURE__ */ jsx75(StnHeaderTitleDual, { ...props });
   }
-  return /* @__PURE__ */ jsx74(StnHeaderTitleText, { ...props });
+  return /* @__PURE__ */ jsx75(StnHeaderTitleText, { ...props });
 }
 var StnHeaderTitle = Object.assign(StnHeaderTitleRoot, {
   Text: StnHeaderTitleMainText,
@@ -9404,10 +9438,10 @@ var StnHeaderTitle = Object.assign(StnHeaderTitleRoot, {
 
 // src/layouts/StnContainer.tsx
 import {
-  forwardRef as forwardRef45
+  forwardRef as forwardRef46
 } from "react";
-import { jsx as jsx75 } from "react/jsx-runtime";
-var StnContainer = forwardRef45(function StnContainer2({
+import { jsx as jsx76 } from "react/jsx-runtime";
+var StnContainer = forwardRef46(function StnContainer2({
   component,
   as,
   maxWidth = "lg",
@@ -9422,7 +9456,7 @@ var StnContainer = forwardRef45(function StnContainer2({
   const Component = component ?? as ?? "div";
   const maxWidthClass = maxWidth ? `stn-container--${maxWidth} stn-container--max-width-${maxWidth}` : "stn-container--fluid stn-container--max-width-false";
   const classKey = maxWidth ? `maxWidth${maxWidth.charAt(0).toUpperCase() + maxWidth.slice(1)}` : "maxWidthFalse";
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     Component,
     {
       ref,
@@ -9445,8 +9479,8 @@ var StnContainer = forwardRef45(function StnContainer2({
 });
 
 // src/layouts/StnGrid.tsx
-import { forwardRef as forwardRef46 } from "react";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { forwardRef as forwardRef47 } from "react";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var BREAKPOINTS2 = ["xs", "sm", "md", "lg", "xl"];
 var SPACING_CLASS = {
   "0": "0",
@@ -9512,7 +9546,7 @@ function sizeClasses(size) {
   }
   return classes;
 }
-var StnGrid = forwardRef46(function StnGrid2({
+var StnGrid = forwardRef47(function StnGrid2({
   component,
   as,
   container = false,
@@ -9532,7 +9566,7 @@ var StnGrid = forwardRef46(function StnGrid2({
   const Component = component ?? as ?? "div";
   const justify = typeof justifyContent === "string" && JUSTIFY_CLASS2.has(justifyContent) ? justifyContent : void 0;
   const align = typeof alignItems === "string" && ALIGN_CLASS2.has(alignItems) ? alignItems : void 0;
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     Component,
     {
       ref,
@@ -9556,7 +9590,7 @@ var StnGrid = forwardRef46(function StnGrid2({
 });
 
 // src/layouts/StnLayerShell.tsx
-import { jsx as jsx77, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
 function StnLayerShell({
   gnb,
   gnbSide = "left",
@@ -9581,12 +9615,11 @@ function StnLayerShell({
     "div",
     {
       id: wrapId,
-      "data-stn-layer-mode": "v2",
       "data-stn-gnb-side": gnbSide,
       className: cn("stn-wrap", isGnbRight && "stn-wrap--gnb-right", wrapClassName),
       children: [
         layer0,
-        utilities ? /* @__PURE__ */ jsx77("div", { className: "stn-page-utilities", "data-stn-layer-role": "utility", children: utilities }) : null,
+        utilities ? /* @__PURE__ */ jsx78("div", { className: "stn-page-utilities", "data-stn-layer-role": "utility", children: utilities }) : null,
         /* @__PURE__ */ jsxs55(
           "main",
           {
@@ -9597,8 +9630,8 @@ function StnLayerShell({
             children: [
               !isGnbRight && gnb,
               /* @__PURE__ */ jsxs55("div", { className: "stn-layer-1__main", children: [
-                header ? /* @__PURE__ */ jsx77("header", { className: "stn-layer-1__header", children: header }) : null,
-                /* @__PURE__ */ jsx77("div", { className: cn("stn-layer-1__body", scrollable && "stn-scroll", contentClassName), children: resolvedMainContent })
+                header ? /* @__PURE__ */ jsx78("header", { className: "stn-layer-1__header", children: header }) : null,
+                /* @__PURE__ */ jsx78("div", { className: cn("stn-layer-1__body", scrollable && "stn-scroll", contentClassName), children: resolvedMainContent })
               ] }),
               isGnbRight && gnb
             ]
@@ -9611,7 +9644,7 @@ function StnLayerShell({
 }
 
 // src/layouts/StnListViewLayout.tsx
-import { jsx as jsx78, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs56 } from "react/jsx-runtime";
 function StnListViewLayoutBody({
   search,
   sidebar,
@@ -9622,8 +9655,8 @@ function StnListViewLayoutBody({
   className
 }) {
   const lnbClass = lnbSide === "right" ? "stn-page-scaffold__lnb lnb_box lnb_box_right" : "stn-page-scaffold__lnb lnb_box";
-  const sidebarAside = sidebar ? /* @__PURE__ */ jsx78("aside", { className: lnbClass, children: sidebar }) : null;
-  return /* @__PURE__ */ jsx78(
+  const sidebarAside = sidebar ? /* @__PURE__ */ jsx79("aside", { className: lnbClass, children: sidebar }) : null;
+  return /* @__PURE__ */ jsx79(
     StnContainer,
     {
       maxWidth: false,
@@ -9643,8 +9676,8 @@ function StnListViewLayoutBody({
                 spacing: 2,
                 className: "stn-list-view__content-stack",
                 children: [
-                  search ? /* @__PURE__ */ jsx78("div", { className: "stn-page-scaffold__search search_area", children: search }) : null,
-                  /* @__PURE__ */ jsx78(
+                  search ? /* @__PURE__ */ jsx79("div", { className: "stn-page-scaffold__search search_area", children: search }) : null,
+                  /* @__PURE__ */ jsx79(
                     "div",
                     {
                       className: "stn-page-scaffold__content content_box",
@@ -9680,7 +9713,7 @@ function StnListViewLayoutRoot({
 }) {
   const bare = bareProp ?? noShell ?? false;
   const hasLnbClass = lnbSide === "right" ? "has_lnb_right" : "has_lnb";
-  const body = /* @__PURE__ */ jsx78(
+  const body = /* @__PURE__ */ jsx79(
     StnListViewLayoutBody,
     {
       search,
@@ -9695,10 +9728,10 @@ function StnListViewLayoutRoot({
   if (bare) {
     return body;
   }
-  const renderedHeader = header === null ? null : header !== void 0 ? header : /* @__PURE__ */ jsx78("div", { className: "stn-layer-1__header", children: /* @__PURE__ */ jsx78(StnHeader, { variant: "page", children: /* @__PURE__ */ jsx78(StnHeader.Left, { children: /* @__PURE__ */ jsx78(StnHeaderPageTitle, { children: title }) }) }) });
+  const renderedHeader = header === null ? null : header !== void 0 ? header : /* @__PURE__ */ jsx79("div", { className: "stn-layer-1__header", children: /* @__PURE__ */ jsx79(StnHeader, { variant: "page", children: /* @__PURE__ */ jsx79(StnHeader.Left, { children: /* @__PURE__ */ jsx79(StnHeaderPageTitle, { children: title }) }) }) });
   return /* @__PURE__ */ jsxs56("div", { className: cn("stn-list-view-layout", "stn-layer-1", className), ...rest, children: [
     renderedHeader,
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       "div",
       {
         className: cn("stn-content-area", sidebar ? hasLnbClass : null, search ? "has_sch" : null),
@@ -9708,10 +9741,10 @@ function StnListViewLayoutRoot({
   ] });
 }
 function StnListViewLayoutHeader({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx78("div", { className: cn("stn-layer-1__header", className), ...rest, children });
+  return /* @__PURE__ */ jsx79("div", { className: cn("stn-layer-1__header", className), ...rest, children });
 }
 function StnListViewLayoutSearch({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx78("div", { className: cn("search_area", className), ...rest, children });
+  return /* @__PURE__ */ jsx79("div", { className: cn("search_area", className), ...rest, children });
 }
 function StnListViewLayoutSidebar({
   side = "left",
@@ -9720,16 +9753,16 @@ function StnListViewLayoutSidebar({
   ...rest
 }) {
   const lnbClass = side === "right" ? "lnb_box_right" : "lnb_box";
-  return /* @__PURE__ */ jsx78("aside", { className: cn(lnbClass, className), ...rest, children });
+  return /* @__PURE__ */ jsx79("aside", { className: cn(lnbClass, className), ...rest, children });
 }
 function StnListViewLayoutContent({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx78("div", { className: cn("content_box", className), ...rest, children });
+  return /* @__PURE__ */ jsx79("div", { className: cn("content_box", className), ...rest, children });
 }
 function StnListViewLayoutTable({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx78("div", { className: cn("stn-table", className), ...rest, children });
+  return /* @__PURE__ */ jsx79("div", { className: cn("stn-table", className), ...rest, children });
 }
 function StnListViewLayoutPagination({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx78("div", { className: cn("stn-list-view-layout__pagination-wrap", className), ...rest, children });
+  return /* @__PURE__ */ jsx79("div", { className: cn("stn-list-view-layout__pagination-wrap", className), ...rest, children });
 }
 var StnListViewLayout = Object.assign(StnListViewLayoutRoot, {
   Body: StnListViewLayoutBody,
@@ -9763,13 +9796,13 @@ import {
 } from "@stn-uiux/pub-ui/data/stnLayout";
 
 // src/patterns/dashboard/StnMapCanvas.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 function StnMapCanvas({
   children,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(
     "div",
     {
       className: cn("stn-map-canvas", className),
@@ -9781,7 +9814,7 @@ function StnMapCanvas({
 }
 
 // src/patterns/dashboard/StnDashboard.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var fillStyle = {
   flex: "1 1 0%",
   minHeight: 0,
@@ -9800,7 +9833,7 @@ function StnDashboardRoot({
 }) {
   const isLeft = widgetPosition === "left";
   const isBoth = widgetPosition === "both";
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: cn(
@@ -9829,7 +9862,7 @@ function StnDashboardLeft({
   style,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: cn("stn-dashboard__left", className),
@@ -9855,7 +9888,7 @@ function StnDashboardRight({
   style,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: cn("stn-dashboard__right", className),
@@ -9883,7 +9916,7 @@ function StnDashboardTopRight({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: cn("stn-dashboard__top-right", className),
@@ -9902,9 +9935,9 @@ var StnDashboard = Object.assign(StnDashboardRoot, {
 });
 
 // src/patterns/scaffold/StnPageScaffold.tsx
-import { jsx as jsx81, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs57 } from "react/jsx-runtime";
 function StnPageScaffoldRoot({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: cn("stn-page-scaffold", className),
@@ -9922,8 +9955,8 @@ function StnPageScaffoldRegion({
   ...rest
 }) {
   return /* @__PURE__ */ jsxs57("div", { className: cn("stn-page-scaffold__region", className), "data-stn-page-scaffold": "region", ...rest, children: [
-    /* @__PURE__ */ jsx81("span", { className: "stn-page-scaffold__region-label", children: label }),
-    hint ? /* @__PURE__ */ jsx81("span", { className: "stn-page-scaffold__region-hint", children: hint }) : null,
+    /* @__PURE__ */ jsx82("span", { className: "stn-page-scaffold__region-label", children: label }),
+    hint ? /* @__PURE__ */ jsx82("span", { className: "stn-page-scaffold__region-hint", children: hint }) : null,
     children
   ] });
 }
@@ -9934,7 +9967,7 @@ function StnPageScaffoldMapPlaceholder({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx81("div", { className: "stn-widget shell-canvas stn-map-canvas", "data-stn-dashboard": "canvas", children: /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsx82("div", { className: "stn-widget shell-canvas stn-map-canvas", "data-stn-dashboard": "canvas", children: /* @__PURE__ */ jsxs57(
     "div",
     {
       className: cn("stn-page-scaffold__canvas-placeholder", className),
@@ -9942,8 +9975,8 @@ function StnPageScaffoldMapPlaceholder({
       role: "status",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx81("p", { className: "stn-page-scaffold__canvas-placeholder-title", children: message }),
-        note ? /* @__PURE__ */ jsx81("p", { className: "stn-page-scaffold__canvas-placeholder-note", children: note }) : null,
+        /* @__PURE__ */ jsx82("p", { className: "stn-page-scaffold__canvas-placeholder-title", children: message }),
+        note ? /* @__PURE__ */ jsx82("p", { className: "stn-page-scaffold__canvas-placeholder-note", children: note }) : null,
         children
       ]
     }
@@ -9954,7 +9987,7 @@ function StnPageScaffoldMapCanvas({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: cn("stn-widget", "shell-canvas", "stn-map-canvas", "stn-page-scaffold__canvas", className),
@@ -9967,7 +10000,7 @@ function StnPageScaffoldMapCanvas({
 }
 function StnPageScaffoldLayer({ label, hint, children, className, ...layerProps }) {
   const labelText = label ? hint ? `${label} \xB7 ${hint}` : label : void 0;
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     StnLayer2,
     {
       className: cn(
@@ -10015,24 +10048,24 @@ function DashboardPageScaffold({
   const isBoth = widgetPosition === "both";
   const isNone = widgetPosition === "none" || !showRightRegion;
   const mapColumn = /* @__PURE__ */ jsxs57(StnDashboard.Left, { children: [
-    /* @__PURE__ */ jsx81(StnPageScaffold.MapPlaceholder, { message: finalMapMessage, note: finalMapNote }),
+    /* @__PURE__ */ jsx82(StnPageScaffold.MapPlaceholder, { message: finalMapMessage, note: finalMapNote }),
     faultPanel
   ] });
-  const rightWidgets = right ?? /* @__PURE__ */ jsx81(StnPageScaffold.Region, { label: "dashboard_right", hint: "\uC704\uC82F\xB7\uC7A5\uC560 \uD328\uB110" });
-  const leftWidgets = left ?? right ?? /* @__PURE__ */ jsx81(StnPageScaffold.Region, { label: "dashboard_right", hint: "\uC88C\uCE21 \uC704\uC82F\xB7\uC7A5\uC560 \uD328\uB110" });
-  const dashboardGrid = bodyEmpty ? /* @__PURE__ */ jsx81(StnDashboard, { empty: true, widgetPosition, "data-stn-page-scaffold": "dashboard-empty" }) : isBoth ? /* @__PURE__ */ jsxs57(StnDashboard, { widgetPosition: "both", children: [
-    /* @__PURE__ */ jsx81(StnDashboard.Right, { children: leftWidgets }),
+  const rightWidgets = right ?? /* @__PURE__ */ jsx82(StnPageScaffold.Region, { label: "dashboard_right", hint: "\uC704\uC82F\xB7\uC7A5\uC560 \uD328\uB110" });
+  const leftWidgets = left ?? right ?? /* @__PURE__ */ jsx82(StnPageScaffold.Region, { label: "dashboard_right", hint: "\uC88C\uCE21 \uC704\uC82F\xB7\uC7A5\uC560 \uD328\uB110" });
+  const dashboardGrid = bodyEmpty ? /* @__PURE__ */ jsx82(StnDashboard, { empty: true, widgetPosition, "data-stn-page-scaffold": "dashboard-empty" }) : isBoth ? /* @__PURE__ */ jsxs57(StnDashboard, { widgetPosition: "both", children: [
+    /* @__PURE__ */ jsx82(StnDashboard.Right, { children: leftWidgets }),
     mapColumn,
-    /* @__PURE__ */ jsx81(StnDashboard.Right, { children: rightWidgets })
+    /* @__PURE__ */ jsx82(StnDashboard.Right, { children: rightWidgets })
   ] }) : isLeft ? /* @__PURE__ */ jsxs57(StnDashboard, { widgetPosition: "left", children: [
-    /* @__PURE__ */ jsx81(StnDashboard.Right, { children: leftWidgets }),
+    /* @__PURE__ */ jsx82(StnDashboard.Right, { children: leftWidgets }),
     mapColumn
   ] }) : /* @__PURE__ */ jsxs57(StnDashboard, { widgetPosition: isNone ? "none" : "right", children: [
     mapColumn,
-    !isNone ? /* @__PURE__ */ jsx81(StnDashboard.Right, { children: rightWidgets }) : null
+    !isNone ? /* @__PURE__ */ jsx82(StnDashboard.Right, { children: rightWidgets }) : null
   ] });
   const contentNode = children ?? dashboardGrid;
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     StnLayerShell,
     {
       gnb,
@@ -10041,7 +10074,7 @@ function DashboardPageScaffold({
       layer0,
       layer2,
       ...shellProps,
-      children: /* @__PURE__ */ jsx81(
+      children: /* @__PURE__ */ jsx82(
         StnContainer,
         {
           maxWidth: false,
@@ -10062,9 +10095,9 @@ import {
   STN_ALERT_CENTER_DEMO_WORK
 } from "@stn-uiux/pub-ui/data/stnAlertCenter";
 import { systemIconSrc } from "@stn-uiux/pub-ui/data/stnSystemIcons";
-import { Fragment as Fragment10, jsx as jsx82, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx83, jsxs as jsxs58 } from "react/jsx-runtime";
 function defaultTopologyHeader(_clock) {
-  return /* @__PURE__ */ jsx82(StnHeader, { variant: "widget" });
+  return /* @__PURE__ */ jsx83(StnHeader, { variant: "widget" });
 }
 function AlertCenterPageScaffold({
   gnbAlertPanel,
@@ -10083,7 +10116,7 @@ function AlertCenterPageScaffold({
 }) {
   const [gnbOpen, setGnbOpen] = useState22(defaultGnbOpen);
   const panel = useMemo5(
-    () => gnbAlertPanel ?? /* @__PURE__ */ jsx82(
+    () => gnbAlertPanel ?? /* @__PURE__ */ jsx83(
       StnAlertCenterPanel,
       {
         alerts: STN_ALERT_CENTER_DEMO_ALERTS,
@@ -10102,18 +10135,18 @@ function AlertCenterPageScaffold({
           onCollapseChange: (col) => setGnbOpen(!col),
           children: [
             /* @__PURE__ */ jsxs58(StnSideNavigation.Header, { children: [
-              /* @__PURE__ */ jsx82(StnSideNavigation.Logo, {}),
-              /* @__PURE__ */ jsx82(StnSideNavigation.Toggle, {})
+              /* @__PURE__ */ jsx83(StnSideNavigation.Logo, {}),
+              /* @__PURE__ */ jsx83(StnSideNavigation.Toggle, {})
             ] }),
             /* @__PURE__ */ jsxs58(StnSideNavigation.Menu, { children: [
-              /* @__PURE__ */ jsx82(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/layout-grid"), label: "\uBA54\uC778 \uB300\uC2DC\uBCF4\uB4DC", active: true }),
-              /* @__PURE__ */ jsx82(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/server_2"), label: "\uC11C\uBC84 \uBAA8\uB2C8\uD130\uB9C1" }),
-              /* @__PURE__ */ jsx82(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/activity"), label: "\uB124\uD2B8\uC6CC\uD06C \uBD84\uC11D" })
+              /* @__PURE__ */ jsx83(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/layout-grid"), label: "\uBA54\uC778 \uB300\uC2DC\uBCF4\uB4DC", active: true }),
+              /* @__PURE__ */ jsx83(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/server_2"), label: "\uC11C\uBC84 \uBAA8\uB2C8\uD130\uB9C1" }),
+              /* @__PURE__ */ jsx83(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/activity"), label: "\uB124\uD2B8\uC6CC\uD06C \uBD84\uC11D" })
             ] }),
-            /* @__PURE__ */ jsx82(StnSideNavigation.Spacer, {}),
+            /* @__PURE__ */ jsx83(StnSideNavigation.Spacer, {}),
             /* @__PURE__ */ jsxs58(StnSideNavigation.Footer, { curved: true, children: [
-              /* @__PURE__ */ jsx82(StnSideNavigation.Watermark, {}),
-              /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx83(StnSideNavigation.Watermark, {}),
+              /* @__PURE__ */ jsx83(
                 StnSideNavigation.Item,
                 {
                   iconSrc: systemIconSrc("line/bell"),
@@ -10122,7 +10155,7 @@ function AlertCenterPageScaffold({
                   onClick: void 0
                 }
               ),
-              /* @__PURE__ */ jsx82(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/settings"), label: "\uC124\uC815" })
+              /* @__PURE__ */ jsx83(StnSideNavigation.Item, { iconSrc: systemIconSrc("line/settings"), label: "\uC124\uC815" })
             ] })
           ]
         }
@@ -10131,8 +10164,8 @@ function AlertCenterPageScaffold({
     ] }),
     [gnbProp, gnbOpen, panel]
   );
-  const faultSlot = faultPanel ?? (showFaultPanelPlaceholder ? /* @__PURE__ */ jsx82("div", { className: "wrap_real_time stn-page-scaffold__fault-ph", children: /* @__PURE__ */ jsx82(StnPageScaffold.Region, { label: "\uC2E4\uC2DC\uAC04 \uC7A5\uC560 \uD604\uD669", hint: "StnWidget shell=fault-panel \xB7 \uC120\uD0DD" }) }) : null);
-  return /* @__PURE__ */ jsx82(
+  const faultSlot = faultPanel ?? (showFaultPanelPlaceholder ? /* @__PURE__ */ jsx83("div", { className: "wrap_real_time stn-page-scaffold__fault-ph", children: /* @__PURE__ */ jsx83(StnPageScaffold.Region, { label: "\uC2E4\uC2DC\uAC04 \uC7A5\uC560 \uD604\uD669", hint: "StnWidget shell=fault-panel \xB7 \uC120\uD0DD" }) }) : null);
+  return /* @__PURE__ */ jsx83(
     DashboardPageScaffold,
     {
       gnb: sideNav,
@@ -10140,7 +10173,7 @@ function AlertCenterPageScaffold({
       mapMessage,
       mapNote,
       faultPanel: faultSlot,
-      right: right ?? /* @__PURE__ */ jsx82(AlertCenterDashboard, {}),
+      right: right ?? /* @__PURE__ */ jsx83(AlertCenterDashboard, {}),
       wrapId,
       wrapClassName: "stn-page--map-bg",
       ...shellProps
@@ -10150,7 +10183,7 @@ function AlertCenterPageScaffold({
 
 // src/patterns/scaffold/LoginPageScaffold.tsx
 import { useState as useState23 } from "react";
-import { jsx as jsx83, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs59 } from "react/jsx-runtime";
 var LOGIN_TABS = [
   { value: "normal", label: "\uC77C\uBC18 \uB85C\uADF8\uC778" },
   { value: "social", label: "\uC18C\uC15C \uB85C\uADF8\uC778" }
@@ -10169,7 +10202,7 @@ function DefaultLoginForm({
     onLogin?.(userId, password);
   }
   return /* @__PURE__ */ jsxs59(StnLoginFormStack, { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       StnSegmented,
       {
         "aria-label": "\uB85C\uADF8\uC778 \uBC29\uC2DD",
@@ -10179,7 +10212,7 @@ function DefaultLoginForm({
       }
     ),
     mode === "normal" ? /* @__PURE__ */ jsxs59(StnLoginFormFields, { children: [
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         StnLoginTextField,
         {
           icon: "line/user",
@@ -10191,7 +10224,7 @@ function DefaultLoginForm({
           "aria-label": "\uC544\uC774\uB514"
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         StnLoginTextField,
         {
           icon: "line/lock",
@@ -10204,11 +10237,11 @@ function DefaultLoginForm({
           "aria-label": "\uBE44\uBC00\uBC88\uD638"
         }
       )
-    ] }) : socialContent ?? /* @__PURE__ */ jsx83(StnLoginPlaceholder, {}),
-    /* @__PURE__ */ jsx83(StnButton, { type: "submit", size: "xl", fullWidth: true, children: "\uB85C\uADF8\uC778" }),
+    ] }) : socialContent ?? /* @__PURE__ */ jsx84(StnLoginPlaceholder, {}),
+    /* @__PURE__ */ jsx84(StnButton, { type: "submit", size: "xl", fullWidth: true, children: "\uB85C\uADF8\uC778" }),
     /* @__PURE__ */ jsxs59(StnLoginFormLinks, { children: [
-      /* @__PURE__ */ jsx83("a", { href: signUpHref, children: "\uD68C\uC6D0\uAC00\uC785" }),
-      /* @__PURE__ */ jsx83("a", { href: recoverHref, children: "\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30" })
+      /* @__PURE__ */ jsx84("a", { href: signUpHref, children: "\uD68C\uC6D0\uAC00\uC785" }),
+      /* @__PURE__ */ jsx84("a", { href: recoverHref, children: "\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30" })
     ] })
   ] });
 }
@@ -10222,16 +10255,16 @@ function DefaultLoginCard({
   signUpHref,
   recoverHref
 }) {
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     StnLoginCard,
     {
       glow,
       variant,
       brand: /* @__PURE__ */ jsxs59(StnLoginBrandStack, { children: [
-        logo ?? /* @__PURE__ */ jsx83(StnLogo, { variant: "vertical", size: "xl" }),
-        /* @__PURE__ */ jsx83("p", { className: "stn-login-card__caption", children: productCaption })
+        logo ?? /* @__PURE__ */ jsx84(StnLogo, { variant: "vertical", size: "xl" }),
+        /* @__PURE__ */ jsx84("p", { className: "stn-login-card__caption", children: productCaption })
       ] }),
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx84(
         DefaultLoginForm,
         {
           onLogin,
@@ -10257,8 +10290,8 @@ function LoginPageScaffold({
   recoverHref,
   ...shellProps
 }) {
-  const resolvedLayer0 = layer0 ?? /* @__PURE__ */ jsx83(StnLayer0Background, { variant: "login" });
-  const resolvedCard = children ?? /* @__PURE__ */ jsx83(
+  const resolvedLayer0 = layer0 ?? /* @__PURE__ */ jsx84(StnLayer0Background, { variant: "login" });
+  const resolvedCard = children ?? /* @__PURE__ */ jsx84(
     DefaultLoginCard,
     {
       logo,
@@ -10275,11 +10308,10 @@ function LoginPageScaffold({
     "div",
     {
       className: cn("stn-wrap stn-page--login", wrapClassName),
-      "data-stn-layer-mode": "v2",
       ...shellProps,
       children: [
         resolvedLayer0,
-        /* @__PURE__ */ jsx83("div", { className: "stn-login", children: resolvedCard })
+        /* @__PURE__ */ jsx84("div", { className: "stn-login", children: resolvedCard })
       ]
     }
   );
@@ -10308,7 +10340,7 @@ import {
 
 // src/patterns/toolbar/StnFloatingToolbar.tsx
 import React3 from "react";
-import { jsx as jsx84, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs60 } from "react/jsx-runtime";
 var DEFAULT_MAP_MODES = [
   { value: "sphere", label: "\uAD6C\uBA74" },
   { value: "plane", label: "\uD3C9\uBA74" },
@@ -10318,7 +10350,7 @@ var StnFloatingToolbar = React3.forwardRef(
   ({ placement = "none", orientation = "horizontal", className, children, ...restProps }, ref) => {
     const placementClass = placement !== "none" ? `stn-floating-toolbar--${placement}` : "";
     const orientationClass = orientation === "vertical" ? "stn-floating-toolbar--vertical" : "";
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx85(
       "div",
       {
         ref,
@@ -10361,7 +10393,7 @@ var StnMapToolbar = React3.forwardRef(
         "aria-label": "\uC9C0\uB3C4 \uBC0F \uD1A0\uD3F4\uB85C\uC9C0 \uB3C4\uAD6C \uBAA8\uC74C",
         ...restProps,
         children: [
-          modeOptions && modeOptions.length > 0 && /* @__PURE__ */ jsx84(
+          modeOptions && modeOptions.length > 0 && /* @__PURE__ */ jsx85(
             StnDropdown,
             {
               size: "md",
@@ -10372,75 +10404,75 @@ var StnMapToolbar = React3.forwardRef(
               "aria-label": "\uD22C\uC601 \uBAA8\uB4DC \uC120\uD0DD"
             }
           ),
-          onRestore && /* @__PURE__ */ jsx84(
+          onRestore && /* @__PURE__ */ jsx85(
             StnButton,
             {
               variant: buttonVariant,
               size: "md",
               shape: "square",
               icon: /* @__PURE__ */ jsxs60("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx84("path", { d: "M3.06006 13C3.30547 15.1939 4.34865 17.221 5.9912 18.696C7.63374 20.1709 9.76108 20.9907 11.9686 20.9994C14.1762 21.0081 16.3099 20.2052 17.9641 18.7434C19.6183 17.2815 20.6775 15.2627 20.9403 13.0708C21.2031 10.879 20.6511 8.66696 19.3894 6.85551C18.1276 5.04406 16.2441 3.75951 14.0971 3.24618C11.95 2.73284 9.68922 3.02652 7.74457 4.07135C5.79993 5.11619 4.30712 6.83931 3.55006 8.913" }),
-                /* @__PURE__ */ jsx84("path", { d: "M3 4.00098V9.00098H8" }),
-                /* @__PURE__ */ jsx84("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" })
+                /* @__PURE__ */ jsx85("path", { d: "M3.06006 13C3.30547 15.1939 4.34865 17.221 5.9912 18.696C7.63374 20.1709 9.76108 20.9907 11.9686 20.9994C14.1762 21.0081 16.3099 20.2052 17.9641 18.7434C19.6183 17.2815 20.6775 15.2627 20.9403 13.0708C21.2031 10.879 20.6511 8.66696 19.3894 6.85551C18.1276 5.04406 16.2441 3.75951 14.0971 3.24618C11.95 2.73284 9.68922 3.02652 7.74457 4.07135C5.79993 5.11619 4.30712 6.83931 3.55006 8.913" }),
+                /* @__PURE__ */ jsx85("path", { d: "M3 4.00098V9.00098H8" }),
+                /* @__PURE__ */ jsx85("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" })
               ] }),
               "aria-label": "\uCD08\uAE30\uD654 (Restore)",
               title: "\uCD08\uAE30\uD654 (Restore)",
               onClick: onRestore
             }
           ),
-          onFullscreen && /* @__PURE__ */ jsx84(
+          onFullscreen && /* @__PURE__ */ jsx85(
             StnButton,
             {
               variant: buttonVariant,
               size: "md",
               shape: "square",
               icon: /* @__PURE__ */ jsxs60("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx84("path", { d: "M16 4H20V8" }),
-                /* @__PURE__ */ jsx84("path", { d: "M14 10L20 4" }),
-                /* @__PURE__ */ jsx84("path", { d: "M8 20H4V16" }),
-                /* @__PURE__ */ jsx84("path", { d: "M4 20L10 14" })
+                /* @__PURE__ */ jsx85("path", { d: "M16 4H20V8" }),
+                /* @__PURE__ */ jsx85("path", { d: "M14 10L20 4" }),
+                /* @__PURE__ */ jsx85("path", { d: "M8 20H4V16" }),
+                /* @__PURE__ */ jsx85("path", { d: "M4 20L10 14" })
               ] }),
               "aria-label": "\uC804\uCCB4\uD654\uBA74",
               title: "\uC804\uCCB4\uD654\uBA74",
               onClick: onFullscreen
             }
           ),
-          onZoomIn && /* @__PURE__ */ jsx84(
+          onZoomIn && /* @__PURE__ */ jsx85(
             StnButton,
             {
               variant: buttonVariant,
               size: "md",
               shape: "square",
               icon: /* @__PURE__ */ jsxs60("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx84("path", { d: "M12 5V19" }),
-                /* @__PURE__ */ jsx84("path", { d: "M5 12H19" })
+                /* @__PURE__ */ jsx85("path", { d: "M12 5V19" }),
+                /* @__PURE__ */ jsx85("path", { d: "M5 12H19" })
               ] }),
               "aria-label": "\uD655\uB300",
               title: "\uD655\uB300",
               onClick: onZoomIn
             }
           ),
-          onZoomOut && /* @__PURE__ */ jsx84(
+          onZoomOut && /* @__PURE__ */ jsx85(
             StnButton,
             {
               variant: buttonVariant,
               size: "md",
               shape: "square",
-              icon: /* @__PURE__ */ jsx84("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx84("path", { d: "M5 12H19" }) }),
+              icon: /* @__PURE__ */ jsx85("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx85("path", { d: "M5 12H19" }) }),
               "aria-label": "\uCD95\uC18C",
               title: "\uCD95\uC18C",
               onClick: onZoomOut
             }
           ),
-          onRefresh && /* @__PURE__ */ jsx84(
+          onRefresh && /* @__PURE__ */ jsx85(
             StnButton,
             {
               variant: buttonVariant,
               size: "md",
               shape: "square",
               icon: /* @__PURE__ */ jsxs60("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx84("path", { d: "M20 11C19.7554 9.24023 18.9391 7.60967 17.6766 6.35951C16.4142 5.10934 14.7758 4.30893 13.0137 4.08156C11.2516 3.8542 9.46362 4.21249 7.9252 5.10126C6.38678 5.99002 5.18325 7.35995 4.5 9.00001M4 5.00001V9.00001H8" }),
-                /* @__PURE__ */ jsx84("path", { d: "M4 13C4.24456 14.7598 5.06093 16.3903 6.32336 17.6405C7.58579 18.8907 9.22424 19.6911 10.9863 19.9184C12.7484 20.1458 14.5364 19.7875 16.0748 18.8988C17.6132 18.01 18.8168 16.6401 19.5 15M20 19V15H16" })
+                /* @__PURE__ */ jsx85("path", { d: "M20 11C19.7554 9.24023 18.9391 7.60967 17.6766 6.35951C16.4142 5.10934 14.7758 4.30893 13.0137 4.08156C11.2516 3.8542 9.46362 4.21249 7.9252 5.10126C6.38678 5.99002 5.18325 7.35995 4.5 9.00001M4 5.00001V9.00001H8" }),
+                /* @__PURE__ */ jsx85("path", { d: "M4 13C4.24456 14.7598 5.06093 16.3903 6.32336 17.6405C7.58579 18.8907 9.22424 19.6911 10.9863 19.9184C12.7484 20.1458 14.5364 19.7875 16.0748 18.8988C17.6132 18.01 18.8168 16.6401 19.5 15M20 19V15H16" })
               ] }),
               "aria-label": "\uC0C8\uB85C\uACE0\uCE68",
               title: "\uC0C8\uB85C\uACE0\uCE68",
@@ -10460,6 +10492,7 @@ export {
   AlertCenterDashboard,
   AlertCenterPageScaffold,
   DashboardPageScaffold,
+  Divider,
   LoginPageScaffold,
   PubChartSample,
   PubDisabilityStatusList,
@@ -10504,8 +10537,7 @@ export {
   STN_HEADER_PAGE_TITLE_DEMO,
   STN_HEADER_USAGE,
   STN_HEADER_VARIANT_ROWS,
-  STN_LAYER0_BACKGROUND_DEMO_IMAGES2 as STN_LAYER0_BACKGROUND_DEMO_IMAGES,
-  STN_LAYER0_BACKGROUND_FIGMA,
+  STN_LAYER0_BACKGROUND_DEMO_IMAGES,
   STN_LAYER0_BACKGROUND_INTRO,
   STN_LAYER0_BACKGROUND_USAGE,
   STN_LAYER0_BACKGROUND_VARIANT_ROWS,
@@ -10600,6 +10632,7 @@ export {
   StnDateRangeField,
   StnDateRangePicker,
   StnDateRangePickerField,
+  StnDivider,
   StnDrawer2 as StnDrawer,
   StnDrawerBody,
   StnDrawerFooter,