@t3q-ui/design-system 1.57.0 → 1.59.0

package/dist/patterns/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ2SHCDPP_cjs = require('../chunk-Z2SHCDPP.cjs');
+var chunkKT6LEYWL_cjs = require('../chunk-KT6LEYWL.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,7 +21,7 @@ function withSecondaryLine(columns, primaryField, secondaryField) {
   return columns.map(
     (c) => c.field === primaryField && c.cellRenderer == null ? {
       ...c,
-      cellRenderer: chunkZ2SHCDPP_cjs.TwoLineCellRenderer,
+      cellRenderer: chunkKT6LEYWL_cjs.TwoLineCellRenderer,
       cellRendererParams: { ...c.cellRendererParams, secondaryField }
     } : c
   );
@@ -47,10 +47,10 @@ function LoadingState({ className, lines = 3 }) {
     {
       role: "status",
       "aria-label": "\uBD88\uB7EC\uC624\uB294 \uC911",
-      className: chunkZ2SHCDPP_cjs.cn("flex flex-col gap-[12px]", className),
+      className: chunkKT6LEYWL_cjs.cn("flex flex-col gap-[12px]", className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Skeleton, { className: "h-[24px] w-[240px]" }),
-        Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Skeleton, { className: chunkZ2SHCDPP_cjs.cn("h-[16px]", i % 2 ? "w-3/5" : "w-full") }, i))
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Skeleton, { className: "h-[24px] w-[240px]" }),
+        Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Skeleton, { className: chunkKT6LEYWL_cjs.cn("h-[16px]", i % 2 ? "w-3/5" : "w-full") }, i))
       ]
     }
   );
@@ -68,12 +68,12 @@ function StateBox({
     "div",
     {
       role,
-      className: chunkZ2SHCDPP_cjs.cn(
+      className: chunkKT6LEYWL_cjs.cn(
         "flex flex-col items-center justify-center gap-[4px] text-center text-sys-text-subtler",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkZ2SHCDPP_cjs.cn("mb-[4px] flex text-sys-text-subtler", iconClassName), children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkKT6LEYWL_cjs.cn("mb-[4px] flex text-sys-text-subtler", iconClassName), children: icon }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-h5 text-sys-text-main", children: title }),
         description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-keep text-base-regular text-sys-text-subtle wrap-break-word", children: description }) : null,
         action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto mt-[12px] flex gap-[8px]", children: action }) : null
@@ -94,7 +94,7 @@ function EmptyState({
     {
       role: "status",
       className,
-      icon: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.EmptyBoxIllustration, {}),
+      icon: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.EmptyBoxIllustration, {}),
       title: title ?? children,
       description,
       action
@@ -113,11 +113,11 @@ function ErrorState({
     {
       role: "alert",
       className,
-      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.LucideIcon, { iconComponentName: "CircleAlert", size: 36 }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.LucideIcon, { iconComponentName: "CircleAlert", size: 36 }),
       iconClassName: "text-danger30",
       title,
       description,
-      action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Button, { type: "button", variant: "primary", onClick: onRetry, children: retryLabel }) : null
+      action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Button, { type: "button", variant: "primary", onClick: onRetry, children: retryLabel }) : null
     }
   );
 }
@@ -174,12 +174,12 @@ function ListPage({
     return () => document.removeEventListener("keydown", onKey);
   }, [detailOpen]);
   const resetButton = onResetFilters ? /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkZ2SHCDPP_cjs.Button,
+    chunkKT6LEYWL_cjs.Button,
     {
       type: "button",
       variant: "secondaryOutline",
       onClick: onResetFilters,
-      className: chunkZ2SHCDPP_cjs.cn(filtersActive === false && "invisible"),
+      className: chunkKT6LEYWL_cjs.cn(filtersActive === false && "invisible"),
       "aria-hidden": filtersActive === false || void 0,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { size: 16, "aria-hidden": true }),
@@ -205,7 +205,7 @@ function ListPage({
   const quick = quickFilter ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-[8px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small-regular font-medium text-sys-text-subtle", children: quickFilter.label }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkZ2SHCDPP_cjs.ToggleGroup,
+      chunkKT6LEYWL_cjs.ToggleGroup,
       {
         type: "multiple",
         variant: "outline",
@@ -217,9 +217,9 @@ function ListPage({
           quickFilter.onChange(pressedAll ? [] : next.filter((v) => v !== QUICK_ALL));
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.ToggleGroupItem, { value: QUICK_ALL, count: quickAllCount, countVariant: "primary", children: "\uC804\uCCB4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.ToggleGroupItem, { value: QUICK_ALL, count: quickAllCount, countVariant: "primary", children: "\uC804\uCCB4" }),
           quickFilter.options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZ2SHCDPP_cjs.ToggleGroupItem,
+            chunkKT6LEYWL_cjs.ToggleGroupItem,
             {
               value: o.value,
               count: o.count,
@@ -260,7 +260,7 @@ function ListPage({
           className: "pt-[32px] pb-[16px]",
           title: content.title,
           description: content.description ?? content.children,
-          action: withReset && content.children == null ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Button, { type: "button", variant: "secondaryLink", onClick: () => resetRef.current?.(), children: "\uD544\uD130 \uCD08\uAE30\uD654" }) : null
+          action: withReset && content.children == null ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Button, { type: "button", variant: "secondaryLink", onClick: () => resetRef.current?.(), children: "\uD544\uD130 \uCD08\uAE30\uD654" }) : null
         }
       );
     },
@@ -272,7 +272,7 @@ function ListPage({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ2SHCDPP_cjs.PageHeader,
+      chunkKT6LEYWL_cjs.PageHeader,
       {
         title,
         description,
@@ -281,19 +281,19 @@ function ListPage({
         bottomRight: filterRow
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": title, className: "px-[24px] py-[32px]", children: error ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Alert, { variant: "danger", children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.AlertDescription, { children: error }) }) : (
+    /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": title, className: "px-[24px] py-[32px]", children: error ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Alert, { variant: "danger", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.AlertDescription, { children: error }) }) : (
       // 상세 패널(detail)이 있으면 표 쪽이 줄고 패널이 오른쪽에 나란히 선다 — 목록 맥락을 유지한 채 상세를 본다
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-[24px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
           caption,
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZ2SHCDPP_cjs.AgGridTable,
+            chunkKT6LEYWL_cjs.AgGridTable,
             {
               rowData: rows,
               columnDefs,
               loading,
               noRowsOverlayComponent: EmptyOverlay,
-              onSortChanged: onSortChange ? (e) => onSortChange(chunkZ2SHCDPP_cjs.getSortedColumnState(e).value) : void 0,
+              onSortChanged: onSortChange ? (e) => onSortChange(chunkKT6LEYWL_cjs.getSortedColumnState(e).value) : void 0,
               onRowClicked: onRowClick ? (e) => {
                 if (e.data) onRowClick(e.data);
               } : void 0,
@@ -303,8 +303,8 @@ function ListPage({
               rowClassRules
             }
           ),
-          pagination ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.TablePagination, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZ2SHCDPP_cjs.Pagination,
+          pagination ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.TablePagination, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKT6LEYWL_cjs.Pagination,
             {
               total: pagination.total,
               rowsPerPage: pagination.pageSize,
@@ -318,13 +318,13 @@ function ListPage({
           // 나란한 상세 패널: 제목·설명·닫기 → 본문 → (안내) → 버튼 줄. 스크롤해도 따라오게 sticky. Card 와 같은 테두리·라운드(그림자 없음).
           // <aside>(complementary) 는 다른 landmark 안에 둘 수 없으므로(axe landmark-complementary-is-top-level) 이름 있는 section — DetailPage 의 aside 와 같다
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZ2SHCDPP_cjs.Panel,
+            chunkKT6LEYWL_cjs.Panel,
             {
               title: detail.title,
               description: detail.description,
               padding: "large",
               titleRight: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkZ2SHCDPP_cjs.IconButton,
+                chunkKT6LEYWL_cjs.IconButton,
                 {
                   type: "button",
                   variant: "secondary",
@@ -335,7 +335,7 @@ function ListPage({
               ),
               note: detail.note,
               footer: detail.footer,
-              className: chunkZ2SHCDPP_cjs.cn("sticky top-[24px] shrink-0", DETAIL_WIDTH[detail.width ?? "medium"]),
+              className: chunkKT6LEYWL_cjs.cn("sticky top-[24px] shrink-0", DETAIL_WIDTH[detail.width ?? "medium"]),
               children: detail.children
             }
           )
@@ -353,10 +353,10 @@ function MoreMenu({
   const select = (fn) => () => {
     pendingRef.current = fn;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.IconButton, { ref: triggerRef, variant: "secondary", "aria-label": "\uB354\uBCF4\uAE30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 24 }) }) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.IconButton, { ref: triggerRef, variant: "secondary", "aria-label": "\uB354\uBCF4\uAE30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 24 }) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkZ2SHCDPP_cjs.DropdownMenuContent,
+      chunkKT6LEYWL_cjs.DropdownMenuContent,
       {
         align: "end",
         onCloseAutoFocus: (e) => {
@@ -367,10 +367,10 @@ function MoreMenu({
           fn?.();
         },
         children: [
-          items.map(({ children, onClick, disabled }, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DropdownMenuItem, { disabled, onSelect: select(onClick), children }, i)),
-          deleteAction && items.length ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DropdownMenuSeparator, {}) : null,
+          items.map(({ children, onClick, disabled }, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DropdownMenuItem, { disabled, onSelect: select(onClick), children }, i)),
+          deleteAction && items.length ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DropdownMenuSeparator, {}) : null,
           deleteAction ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZ2SHCDPP_cjs.DropdownMenuItem,
+            chunkKT6LEYWL_cjs.DropdownMenuItem,
             {
               variant: "danger",
               disabled: deleteAction.disabled,
@@ -418,7 +418,7 @@ function DetailPage({
     body = // 넓은 화면: 본문 2 : 패널 1 + 세로선. 좁은 화면: 세로로 쌓이고 패널은 제목 + 가로선으로 시작한다
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-[24px] xl:grid-cols-[2fr_1fr] xl:items-start", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Panel, { title: asideTitle, children: aside })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Panel, { title: asideTitle, children: aside })
     ] });
   } else {
     body = children;
@@ -426,11 +426,11 @@ function DetailPage({
   const VISIBLE_SECONDARY = 2;
   const visibleSecondary = secondaryActions?.slice(0, VISIBLE_SECONDARY) ?? [];
   const overflowSecondary = secondaryActions?.slice(VISIBLE_SECONDARY) ?? [];
-  const primaryButton = primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Button, { type: "button", variant: "primaryBold", ...primaryAction }) : null;
+  const primaryButton = primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Button, { type: "button", variant: "primaryBold", ...primaryAction }) : null;
   const moreMenu = (items) => items.length || deleteAction ? /* @__PURE__ */ jsxRuntime.jsx(MoreMenu, { items, deleteAction }) : null;
   const fullRow = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     moreMenu(overflowSecondary),
-    visibleSecondary.map((action, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Button, { type: "button", variant: "secondary", ...action }, i)),
+    visibleSecondary.map((action, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Button, { type: "button", variant: "secondary", ...action }, i)),
     primaryButton
   ] });
   const collapsedRow = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -451,7 +451,7 @@ function DetailPage({
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "detail-actions-collapsed", className: "flex items-center gap-[8px] @3xl:hidden", children: collapsedRow })
   ] }) : primaryButton ? primaryButton : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.PageHeader, { ...header, actions: actionRow }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.PageHeader, { ...header, actions: actionRow }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -459,7 +459,7 @@ function DetailPage({
         className: "flex flex-col gap-[24px] px-[24px] py-[24px]",
         children: [
           banner,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkZ2SHCDPP_cjs.cn("w-full", width === "panel" && "mx-auto max-w-[900px]"), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkKT6LEYWL_cjs.cn("w-full", width === "panel" && "mx-auto max-w-[900px]"), children: [
             note,
             body
           ] })
@@ -481,7 +481,7 @@ function useFormShell({
 }
 function FormError({ error, className }) {
   if (!error) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Alert, { variant: "danger", className, children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.AlertDescription, { children: error }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Alert, { variant: "danger", className, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.AlertDescription, { children: error }) });
 }
 function FormActions({
   busy,
@@ -493,7 +493,7 @@ function FormActions({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     onCancel ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ2SHCDPP_cjs.Button,
+      chunkKT6LEYWL_cjs.Button,
       {
         type: "button",
         variant: "secondaryOutline",
@@ -504,7 +504,7 @@ function FormActions({
       }
     ) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ2SHCDPP_cjs.Button,
+      chunkKT6LEYWL_cjs.Button,
       {
         type: "submit",
         variant: "primaryBold",
@@ -556,11 +556,11 @@ function FormPage({
       " ",
       "\uD45C\uC2DC\uB294 \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4"
     ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, noValidate: true, onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.FormSectionLevelContext.Provider, { value: 2, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, noValidate: true, onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.FormSectionLevelContext.Provider, { value: 2, children }),
       /* @__PURE__ */ jsxRuntime.jsx(FormError, { error, className: "mt-[24px]" }),
       aside ? null : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZ2SHCDPP_cjs.FormFooter,
+        chunkKT6LEYWL_cjs.FormFooter,
         {
           align: "end",
           className: "mt-[24px] border-t border-sys-divider-subtle pt-[16px]",
@@ -572,9 +572,9 @@ function FormPage({
   const column = canvas === "subtle" ? (
     // 폼 전체를 흰 Card 하나로(섹션 사이 구분선은 그대로). 위 8px 는 첫 FormSection 의 pt-[16px] 과 더해 24
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ2SHCDPP_cjs.Card,
+      chunkKT6LEYWL_cjs.Card,
       {
-        className: chunkZ2SHCDPP_cjs.cn(
+        className: chunkKT6LEYWL_cjs.cn(
           "w-full max-w-[var(--max-w-form-control)] px-[24px] pb-[24px] pt-[8px]",
           align === "center" && !aside && "mx-auto"
         ),
@@ -584,7 +584,7 @@ function FormPage({
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkZ2SHCDPP_cjs.cn(
+      className: chunkKT6LEYWL_cjs.cn(
         "w-full max-w-[var(--max-w-form-control)]",
         align === "center" && !aside && "mx-auto"
       ),
@@ -593,9 +593,9 @@ function FormPage({
   );
   return (
     // subtle 의 캔버스 회색은 기존 토큰(grayscale20, 진단 18-A 의 f7 변형)을 쓴다 — 채택되면 전용 sys 토큰으로 올린다
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkZ2SHCDPP_cjs.cn("w-full", canvas === "subtle" && "bg-sys-background-hover"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkKT6LEYWL_cjs.cn("w-full", canvas === "subtle" && "bg-sys-background-hover"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZ2SHCDPP_cjs.PageHeader,
+        chunkKT6LEYWL_cjs.PageHeader,
         {
           title,
           description,
@@ -609,7 +609,7 @@ function FormPage({
         // <aside>(complementary) 는 다른 landmark 안에 둘 수 없으므로(axe) 이름 있는 section (DetailPage aside 와 같은 꼴)
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-[24px] xl:grid-cols-[minmax(0,var(--max-w-form-control))_minmax(280px,1fr)] xl:items-start", children: [
           column,
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.Panel, { title: asideTitle, className: "xl:sticky xl:top-[24px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.Panel, { title: asideTitle, className: "xl:sticky xl:top-[24px]", children: [
             aside,
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -646,23 +646,23 @@ function FormDrawer({
     if (!next && busy) return;
     onOpenChange(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Drawer, { open, onOpenChange: guardedOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkZ2SHCDPP_cjs.DrawerContent,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Drawer, { open, onOpenChange: guardedOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkKT6LEYWL_cjs.DrawerContent,
     {
       side,
       size,
       ...description ? {} : { "aria-describedby": void 0 },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.DrawerHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DrawerTitle, { children: title }),
-          description ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DrawerDescription, { children: description }) : null
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.DrawerHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DrawerTitle, { children: title }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DrawerDescription, { children: description }) : null
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "flex min-h-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.DrawerBody, { className: "px-[24px]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "flex min-h-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.DrawerBody, { className: "px-[24px]", children: [
             children,
             /* @__PURE__ */ jsxRuntime.jsx(FormError, { error, className: "mt-[24px]" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DrawerFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DrawerFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
             FormActions,
             {
               busy,
@@ -697,21 +697,21 @@ function FormDialog({
     if (!next && busy) return;
     onOpenChange(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Dialog, { open, onOpenChange: guardedOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkZ2SHCDPP_cjs.DialogContent,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Dialog, { open, onOpenChange: guardedOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkKT6LEYWL_cjs.DialogContent,
     {
       width,
       hideCloseButton: busy,
       ...description ? {} : { "aria-describedby": void 0 },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DialogTitle, { children: title }),
-          description ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DialogDescription, { children: description }) : null
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DialogTitle, { children: title }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DialogDescription, { children: description }) : null
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "flex flex-col gap-[16px]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "flex flex-col gap-[16px]", children: [
           children,
           /* @__PURE__ */ jsxRuntime.jsx(FormError, { error }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
             FormActions,
             {
               busy,
@@ -743,7 +743,7 @@ function StatTile({
 }) {
   const labelId = react.useId();
   const percent = ratio == null ? null : Math.round(Math.min(Math.max(ratio, 0), 1) * 100);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZ2SHCDPP_cjs.Card, { className: "relative gap-[4px] p-[16px]", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkKT6LEYWL_cjs.Card, { className: "relative gap-[4px] p-[16px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: "text-h6 text-sys-text-subtle", children: href ? (
       // 타일 전체를 클릭 영역으로: 링크의 ::after 를 Card 크기로 늘린다
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -755,7 +755,7 @@ function StatTile({
         }
       )
     ) : label }),
-    loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.Skeleton, { role: "status", "aria-label": "\uBD88\uB7EC\uC624\uB294 \uC911", className: "h-[32px] w-[80px]" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkZ2SHCDPP_cjs.cn("flex items-center gap-[6px] text-h2", TONE_TEXT[tone]), children: [
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.Skeleton, { role: "status", "aria-label": "\uBD88\uB7EC\uC624\uB294 \uC911", className: "h-[32px] w-[80px]" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkKT6LEYWL_cjs.cn("flex items-center gap-[6px] text-h2", TONE_TEXT[tone]), children: [
       tone !== "default" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { "aria-hidden": true, size: 20, className: "shrink-0" }) : null,
       value
     ] }),
@@ -771,7 +771,7 @@ function StatTile({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkZ2SHCDPP_cjs.cn("h-full rounded-full", TONE_BAR[tone]),
+            className: chunkKT6LEYWL_cjs.cn("h-full rounded-full", TONE_BAR[tone]),
             style: { width: `${percent}%` }
           }
         )
@@ -800,7 +800,7 @@ function DashboardLayout({
       children
     ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ2SHCDPP_cjs.PageHeader, { ...header, actions }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKT6LEYWL_cjs.PageHeader, { ...header, actions }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "section",
       {
@@ -822,9 +822,9 @@ function DashboardSection({ title, action, columns, children }) {
       // 1px 간격 + 구분선 색 배경 = 칸 사이 가로·세로 구분선. 칸(DashboardPanel)은 자기 배경을 가진다
       // 2열에서 칸 수가 홀수면 마지막 칸이 두 열을 차지해 빈 칸이 생기지 않게 한다
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZ2SHCDPP_cjs.Card,
+        chunkKT6LEYWL_cjs.Card,
         {
-          className: chunkZ2SHCDPP_cjs.cn(
+          className: chunkKT6LEYWL_cjs.cn(
             "grid grid-cols-1 gap-px overflow-hidden bg-sys-divider-subtler",
             columns === 2 && "xl:grid-cols-2 xl:[&>:last-child:nth-child(odd)]:col-span-2"
           ),