@olundot/ui 0.20.0-next.6 → 0.20.0-next.8

package/dist/index.js

@@ -969,6 +969,7 @@ FileUploadZone.displayName = "FileUploadZone";
 
 // src/components/ui/alert.tsx
 import * as React5 from "react";
+import { CircleAlert, CircleCheck, Info, TriangleAlert, X } from "lucide-react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var SEM_FG = {
   info: "var(--semantic-info-fg)",
@@ -982,29 +983,20 @@ var SEM_BG = {
   warning: "var(--semantic-warning-bg)",
   error: "var(--semantic-error-bg)"
 };
+var MARKER_ICON = {
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  error: CircleAlert
+};
+var TITLE_LINE_HEIGHT = 21;
 var defaultEmphasis = (v) => v === "error" ? "strong" : "subtle";
-function XIcon({ size }) {
-  return /* @__PURE__ */ jsx5(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.75,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx5("path", { d: "M18 6 6 18M6 6l12 12" })
-    }
-  );
-}
 var Alert = React5.forwardRef(
-  ({ variant = "info", emphasis, title, children, onDismiss, style, ...rest }, ref) => {
+  ({ variant = "info", emphasis, marker = "icon", title, children, onDismiss, style, ...rest }, ref) => {
     const weight = emphasis ?? defaultEmphasis(variant);
     const strong = weight === "strong";
     const fg = SEM_FG[variant];
+    const MarkerIcon = MARKER_ICON[variant];
     return /* @__PURE__ */ jsxs5(
       "div",
       {
@@ -1014,16 +1006,16 @@ var Alert = React5.forwardRef(
         "data-slot": "alert",
         "data-variant": variant,
         "data-emphasis": weight,
+        "data-marker": marker,
         style: {
           display: "flex",
           alignItems: "flex-start",
-          gap: 11,
-          borderRadius: 10,
+          gap: "var(--space-2)",
+          borderRadius: "var(--radius-md)",
           border: "1px solid " + (strong ? "color-mix(in srgb, " + fg + " 26%, transparent)" : "var(--border)"),
           background: strong ? SEM_BG[variant] : "var(--bg-surface)",
           color: "var(--text-primary)",
-          padding: "12px 14px",
-          paddingInlineEnd: onDismiss ? 10 : 14,
+          padding: "var(--space-2) 10px",
           ...style
         },
         ...rest,
@@ -1032,42 +1024,49 @@ var Alert = React5.forwardRef(
             "span",
             {
               "aria-hidden": "true",
-              "data-slot": "alert-dot",
+              "data-slot": "alert-marker",
               style: {
-                marginTop: title ? 5 : 4,
-                width: 7,
-                height: 7,
+                display: "inline-flex",
+                height: TITLE_LINE_HEIGHT,
                 flexShrink: 0,
-                borderRadius: 9999,
-                background: fg
-              }
+                alignItems: "center",
+                justifyContent: "center",
+                color: fg
+              },
+              children: marker === "dot" ? /* @__PURE__ */ jsx5(
+                "span",
+                {
+                  "data-slot": "alert-dot",
+                  style: { width: 7, height: 7, borderRadius: 9999, background: "currentColor" }
+                }
+              ) : /* @__PURE__ */ jsx5(MarkerIcon, { "data-slot": "alert-icon", size: 16, strokeWidth: 2.25 })
             }
           ),
           /* @__PURE__ */ jsxs5("div", { "data-slot": "alert-content", style: { flex: 1, minWidth: 0 }, children: [
-            title ? /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 "data-slot": "alert-title",
                 style: {
                   fontFamily: "var(--font-sans)",
-                  fontSize: 13,
-                  fontWeight: 600,
-                  lineHeight: 1.35,
+                  fontSize: 14,
+                  fontWeight: "var(--fw-medium)",
+                  lineHeight: TITLE_LINE_HEIGHT + "px",
                   color: strong ? fg : "var(--text-primary)"
                 },
                 children: title
               }
-            ) : null,
+            ),
             /* @__PURE__ */ jsx5(
               "div",
               {
                 "data-slot": "alert-body",
                 style: {
-                  marginTop: title ? 2 : 0,
+                  marginTop: 2,
                   fontFamily: "var(--font-sans)",
-                  fontSize: 12.5,
-                  lineHeight: 1.45,
-                  color: strong ? "color-mix(in srgb, " + fg + " 88%, var(--text-primary))" : "var(--text-tertiary)"
+                  fontSize: "var(--fs-sm)",
+                  lineHeight: "var(--lh-normal)",
+                  color: strong ? "color-mix(in srgb, " + fg + " 88%, var(--text-primary))" : "var(--text-secondary)"
                 },
                 children
               }
@@ -1101,21 +1100,20 @@ function DismissButton({
       style: {
         flexShrink: 0,
         display: "inline-flex",
-        width: 24,
-        height: 24,
-        marginTop: -1,
+        width: 28,
+        height: 28,
         alignItems: "center",
         justifyContent: "center",
         borderRadius: "var(--radius-md)",
-        border: 0,
-        background: hover ? "var(--action-hover)" : "transparent",
-        color: hover ? strong ? fg : "var(--text-primary)" : strong ? "color-mix(in srgb, " + fg + " 70%, transparent)" : "var(--text-tertiary)",
+        border: "1px solid var(--border)",
+        background: hover ? "var(--action-hover)" : "var(--bg-surface)",
+        color: hover ? strong ? fg : "var(--text-primary)" : strong ? "color-mix(in srgb, " + fg + " 70%, transparent)" : "var(--text-secondary)",
         cursor: "pointer",
         outline: "none",
         boxShadow: focus ? "0 0 0 2px var(--focus-ring)" : "none",
         transition: "background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard)"
       },
-      children: /* @__PURE__ */ jsx5(XIcon, { size: 15 })
+      children: /* @__PURE__ */ jsx5(X, { "aria-hidden": "true", size: 15 })
     }
   );
 }
@@ -1527,13 +1525,14 @@ var Select = React7.forwardRef(
     surface = "surface",
     id,
     label,
+    labelPlacement = "top",
     description,
     message,
     invalid,
     state = "default",
     options,
     placeholder = "\uC120\uD0DD\uD558\uC138\uC694",
-    clearable = true,
+    clearable = labelPlacement !== "inline",
     clearLabel,
     disabled,
     required,
@@ -1550,6 +1549,9 @@ var Select = React7.forwardRef(
     const resolvedAppearance = appearance ?? (selectVariant === "inline" ? "inline" : "field");
     const generatedId = React7.useId();
     const selectId = id ?? generatedId;
+    const inlineLabel = labelPlacement === "inline" && Boolean(label);
+    const inlineLabelId = inlineLabel ? `${selectId}-label` : void 0;
+    const inlineValueId = inlineLabel ? `${selectId}-value` : void 0;
     const triggerId = label || message || description ? selectId : id;
     const resolvedState = invalid || state === "error" ? "error" : state;
     const showDescription = resolvedState === "default" && Boolean(description);
@@ -1646,13 +1648,26 @@ var Select = React7.forwardRef(
               id: triggerId,
               "data-slot": "select-trigger",
               "aria-label": ariaLabel,
+              "aria-labelledby": inlineLabel ? `${inlineLabelId} ${inlineValueId}` : void 0,
               "aria-describedby": describedBy,
               "aria-invalid": resolvedInvalid,
-              className: cn(selectVariants({ size: resolvedSize, fullWidth: resolvedFullWidth, appearance: resolvedAppearance, surface, className })),
+              className: cn(selectVariants({ size: resolvedSize, fullWidth: resolvedFullWidth, appearance: resolvedAppearance, surface }), inlineLabel && "max-w-full", className),
               children: [
+                inlineLabel ? /* @__PURE__ */ jsxs7(
+                  "span",
+                  {
+                    "data-slot": "select-inline-label",
+                    className: "mr-[var(--space-1)] shrink-0 whitespace-nowrap text-text-tertiary group-disabled:text-text-disabled",
+                    children: [
+                      /* @__PURE__ */ jsx7("span", { id: inlineLabelId, children: label }),
+                      /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: ": " })
+                    ]
+                  }
+                ) : null,
                 /* @__PURE__ */ jsx7(
                   "span",
                   {
+                    id: inlineValueId,
                     "data-slot": "select-value",
                     "data-placeholder": hasSelection ? void 0 : "",
                     className: "flex-1 min-w-0 truncate text-left text-foreground data-[placeholder]:text-text-tertiary group-disabled:text-text-disabled group-disabled:data-[placeholder]:text-text-disabled",
@@ -1682,7 +1697,7 @@ var Select = React7.forwardRef(
         ]
       }
     );
-    if (!label && !message && !description) {
+    if ((!label || inlineLabel) && !message && !description) {
       return select;
     }
     const MessageIcon = resolvedState === "success" ? CheckCircle23 : AlertCircle3;
@@ -1691,9 +1706,9 @@ var Select = React7.forwardRef(
       {
         "data-slot": "select-field",
         "data-state": resolvedState,
-        className: cn("flex flex-col gap-[var(--space-1)]", resolvedFullWidth ? "w-full" : "w-fit"),
+        className: cn("flex flex-col gap-[var(--space-1)]", resolvedFullWidth ? "w-full" : "w-fit", inlineLabel && "min-w-0 max-w-full"),
         children: [
-          label ? /* @__PURE__ */ jsxs7(
+          label && !inlineLabel ? /* @__PURE__ */ jsxs7(
             "label",
             {
               "data-slot": "select-label",
@@ -2624,7 +2639,11 @@ var DataLayout = React15.forwardRef(
         className: cn("flex min-w-0 flex-col gap-[var(--space-8)]", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx16("div", { "data-slot": "data-layout-header", className: "min-w-0", children: header }),
+          header ? (
+            // A header that renders nothing (an empty fragment, a shell header that
+            // returns null) leaves the slot empty; hide it so no gap is left above.
+            /* @__PURE__ */ jsx16("div", { "data-slot": "data-layout-header", className: "min-w-0 empty:hidden", children: header })
+          ) : null,
           /* @__PURE__ */ jsxs15(
             "div",
             {
@@ -2639,7 +2658,7 @@ var DataLayout = React15.forwardRef(
                   {
                     "data-slot": "data-layout-bulkbar",
                     className: "pointer-events-none sticky bottom-[var(--space-4)] z-20 mt-[var(--space-2)] flex justify-center",
-                    children: /* @__PURE__ */ jsx16("div", { className: "pointer-events-auto max-w-full", children: bulkBar })
+                    children: /* @__PURE__ */ jsx16("div", { className: "flex w-full flex-col items-center [&>*:has([data-slot=bulk-action-bar])]:self-stretch [&>*:not(:has([data-slot=bulk-action-bar]))]:pointer-events-auto [&>*]:max-w-full [&_[data-slot=bulk-action-bar]]:pointer-events-auto", children: bulkBar })
                   }
                 ) : null
               ]
@@ -3908,7 +3927,7 @@ function OverlayGrabber({
 }
 
 // src/components/ui/overlay-close-button.tsx
-import { X } from "lucide-react";
+import { X as X2 } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 
 // src/components/ui/icon-button.tsx
@@ -4106,7 +4125,7 @@ function OverlayCloseButton({
   label = "\uB2EB\uAE30",
   className
 }) {
-  return /* @__PURE__ */ jsx23(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx23(IconButton, { appearance: "ghost", size: "md", icon: X, "aria-label": label, className }) });
+  return /* @__PURE__ */ jsx23(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx23(IconButton, { appearance: "ghost", size: "md", icon: X2, "aria-label": label, className }) });
 }
 
 // src/components/ui/overlay-anatomy.tsx
@@ -4233,7 +4252,7 @@ function focusBodyInput(event) {
   }
 }
 var headingClassName = {
-  title: "text-[18px] font-bold leading-snug text-foreground",
+  title: "text-base font-semibold leading-normal text-foreground",
   menu: "text-[15px] font-semibold leading-snug text-foreground"
 };
 var descriptionClassName = {
@@ -4665,7 +4684,7 @@ function SheetTitle({
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
+      className: cn("text-base font-semibold leading-normal text-foreground", className),
       ...props
     }
   );
@@ -4912,7 +4931,7 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "text-xl font-bold leading-tight tracking-tight text-foreground",
+      "text-base font-semibold leading-normal text-foreground",
       className
     ),
     ...props
@@ -5120,7 +5139,7 @@ import { SlidersHorizontal } from "lucide-react";
 // src/components/ui/chip.tsx
 import * as React27 from "react";
 import { cva as cva11 } from "class-variance-authority";
-import { X as X2 } from "lucide-react";
+import { X as X3 } from "lucide-react";
 import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var chipVariants = cva11(
@@ -5271,7 +5290,7 @@ var Chip = React27.forwardRef(
                 disabled,
                 onClick,
                 className: "inline-flex size-[var(--space-4)] items-center justify-center rounded-[var(--radius-full)] text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
-                children: /* @__PURE__ */ jsx30(X2, { "aria-hidden": "true", size: 14, strokeWidth: 2.25 })
+                children: /* @__PURE__ */ jsx30(X3, { "aria-hidden": "true", size: 14, strokeWidth: 2.25 })
               }
             )
           ]
@@ -5635,513 +5654,184 @@ FilterToolbar.displayName = "FilterToolbar";
 
 // src/components/ui/data-table.tsx
 import * as React33 from "react";
-import { ChevronDown as ChevronDown5, ChevronRight as ChevronRight3, ChevronUp as ChevronUp2, ChevronsUpDown } from "lucide-react";
+import { ChevronDown as ChevronDown5, ChevronRight as ChevronRight3, ChevronUp as ChevronUp2, ChevronsUpDown, EllipsisVertical } from "lucide-react";
 import { cva as cva13 } from "class-variance-authority";
 
-// src/components/ui/checkbox.tsx
+// src/components/ui/action-menu.tsx
 import * as React30 from "react";
-import { cva as cva12 } from "class-variance-authority";
-import { Check as Check3, Minus } from "lucide-react";
-import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { Dialog as DialogPrimitive4, Slot as Slot3 } from "radix-ui";
+
+// src/components/ui/dropdown-menu.tsx
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
-var checkboxFieldVariants = cva12(
-  "flex flex-col gap-[var(--space-1)]",
-  {
-    variants: {
-      fullWidth: {
-        true: "w-full",
-        false: "w-fit"
-      }
-    },
-    defaultVariants: {
-      fullWidth: false
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
     }
-  }
-);
-var checkboxVariants = checkboxFieldVariants;
-var checkboxRootVariants = cva12(
-  [
-    "group shrink-0 cursor-pointer rounded-[var(--radius-xs)]",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-base)]",
-    "disabled:cursor-not-allowed"
-  ].join(" ")
-);
-var checkboxBoxVariants = cva12(
-  [
-    "flex shrink-0 items-center justify-center rounded-[var(--radius-xs)] border",
-    "border-[var(--border-strong)] bg-[var(--bg-surface)] text-transparent",
-    "transition-colors motion-reduce:transition-none",
-    "group-hover:bg-[var(--action-hover)]",
-    "group-disabled:border-[var(--border-subtle)] group-disabled:bg-[var(--action-disabled-bg)]",
-    "group-data-[state=checked]:border-[var(--primary)] group-data-[state=checked]:bg-[var(--primary)] group-data-[state=checked]:text-[var(--primary-fg)]",
-    "group-data-[state=indeterminate]:border-[var(--primary)] group-data-[state=indeterminate]:bg-[var(--primary)] group-data-[state=indeterminate]:text-[var(--primary-fg)]",
-    "group-disabled:group-data-[state=checked]:border-[var(--border-subtle)] group-disabled:group-data-[state=checked]:bg-[var(--action-disabled-bg)] group-disabled:group-data-[state=checked]:text-text-disabled",
-    "group-disabled:group-data-[state=indeterminate]:border-[var(--border-subtle)] group-disabled:group-data-[state=indeterminate]:bg-[var(--action-disabled-bg)] group-disabled:group-data-[state=indeterminate]:text-text-disabled"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "size-[calc(var(--space-4)+var(--space-1))]",
-        md: "size-[calc(var(--space-4)+var(--space-1))]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "z-[var(--z-popover)] max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem]",
+        "origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto",
+        "rounded-[var(--radius-lg)] border border-[var(--border)] bg-[var(--bg-surface)] p-[var(--space-1)] text-text-primary shadow-[var(--shadow-16)]",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props
     }
-  }
-);
-var checkboxGroupItemVariants = cva12(
-  [
-    "group w-full cursor-pointer text-left transition-colors motion-reduce:transition-none",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-base)]",
-    "disabled:cursor-not-allowed disabled:text-text-disabled"
-  ].join(" "),
-  {
-    variants: {
-      appearance: {
-        plain: "inline-flex items-start gap-[var(--space-3)] rounded-[var(--radius-md)] px-[var(--space-3)] py-[var(--space-2)]",
-        card: [
-          "flex min-h-[calc(var(--space-12)+var(--space-2))] items-start gap-[var(--space-3)]",
-          "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-surface)]",
-          "hover:bg-[var(--action-hover)]",
-          "data-[state=checked]:border-[var(--border-strong)] data-[state=checked]:bg-[var(--action-selected)]",
-          "disabled:border-[var(--border-subtle)] disabled:bg-[var(--action-disabled-bg)]",
-          "disabled:data-[state=checked]:border-[var(--border-subtle)] disabled:data-[state=checked]:bg-[var(--action-disabled-bg)]"
-        ].join(" ")
-      },
-      density: {
-        comfortable: "",
-        compact: ""
-      }
-    },
-    compoundVariants: [
-      {
-        appearance: "card",
-        density: "comfortable",
-        className: "px-[var(--space-4)] py-[var(--space-4)]"
-      },
-      {
-        appearance: "card",
-        density: "compact",
-        className: "px-[var(--space-3)] py-[var(--space-3)]"
-      }
-    ],
-    defaultVariants: {
-      appearance: "plain",
-      density: "comfortable"
+  ) });
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
+        "rounded-sm px-[var(--space-3)] py-[var(--space-1)] text-body-sm leading-compact text-text-primary outline-none select-none",
+        "data-[inset]:pl-8",
+        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
+        "data-[state=open]:bg-action-selected",
+        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
+        "data-[variant=destructive]:text-[var(--semantic-error,var(--error))]",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props
     }
-  }
-);
-var checkboxGroupBoxVariants = cva12(
-  "mt-[2px]",
-  {
-    variants: {
-      appearance: {
-        plain: "",
-        card: "mt-[var(--space-1)]"
-      }
-    },
-    defaultVariants: {
-      appearance: "plain"
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs29(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
+        "rounded-sm py-[var(--space-1)] pr-[var(--space-3)] pl-8 text-body-sm leading-compact text-text-primary outline-none select-none",
+        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
+        "data-[state=open]:bg-action-selected",
+        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx33("span", { className: "pointer-events-none absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx33(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx33(CheckIcon, { size: 16 }) }) }),
+        children
+      ]
     }
-  }
-);
-var CheckboxGroupContext = React30.createContext(null);
-function getLabel(children, label) {
-  return children ?? label;
+  );
 }
-var Checkbox = React30.forwardRef(
-  ({
-    className,
-    size = "md",
-    fullWidth = false,
-    children,
-    label,
-    description,
-    required,
-    error,
-    id,
-    value,
-    name,
-    checked,
-    disabled,
-    onCheckedChange,
-    ...props
-  }, ref) => {
-    const group = React30.useContext(CheckboxGroupContext);
-    const generatedId = React30.useId();
-    const checkboxId = id ?? generatedId;
-    const labelContent = getLabel(children, label);
-    const isGrouped = Boolean(group && value != null);
-    const valueString = value == null ? void 0 : String(value);
-    const resolvedChecked = isGrouped && valueString ? group?.selectedValues.has(valueString) : checked;
-    const resolvedDisabled = disabled || group?.disabled;
-    const resolvedName = name ?? group?.name;
-    const labelId = `${checkboxId}-label`;
-    const descriptionId = description && !error ? `${checkboxId}-description` : void 0;
-    const errorId = error ? `${checkboxId}-error` : void 0;
-    const describedBy = errorId ?? descriptionId;
-    const handleCheckedChange = (nextChecked) => {
-      onCheckedChange?.(nextChecked);
-      if (isGrouped && valueString) {
-        group?.toggleValue(valueString, nextChecked === true);
-      }
-    };
-    if (isGrouped) {
-      const appearance = group?.appearance ?? "plain";
-      const density = group?.density ?? "comfortable";
-      return /* @__PURE__ */ jsxs29(
-        CheckboxPrimitive.Root,
-        {
-          ref,
-          id: checkboxId,
-          "data-slot": "checkbox",
-          "aria-labelledby": labelId,
-          "aria-describedby": describedBy,
-          "aria-required": required || void 0,
-          "aria-invalid": error ? true : void 0,
-          name: resolvedName,
-          value: valueString,
-          checked: resolvedChecked,
-          disabled: resolvedDisabled,
-          className: cn(
-            checkboxGroupItemVariants({ appearance, density }),
-            className
-          ),
-          onCheckedChange: handleCheckedChange,
-          ...props,
-          children: [
-            /* @__PURE__ */ jsx33(
-              "span",
-              {
-                "aria-hidden": "true",
-                "data-slot": "checkbox-box",
-                className: cn(
-                  checkboxBoxVariants({ size }),
-                  checkboxGroupBoxVariants({ appearance })
-                ),
-                children: /* @__PURE__ */ jsx33(
-                  CheckboxPrimitive.Indicator,
-                  {
-                    "data-slot": "checkbox-indicator",
-                    className: "flex items-center justify-center",
-                    children: resolvedChecked === "indeterminate" ? /* @__PURE__ */ jsx33(Minus, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx33(Check3, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs29("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
-              /* @__PURE__ */ jsxs29(
-                "span",
-                {
-                  id: labelId,
-                  "data-slot": "checkbox-label",
-                  className: "text-sm font-medium leading-snug text-foreground group-disabled:text-text-disabled",
-                  children: [
-                    labelContent,
-                    required ? /* @__PURE__ */ jsx33(
-                      "span",
-                      {
-                        "aria-hidden": "true",
-                        "data-slot": "checkbox-required-marker",
-                        className: "ml-[var(--space-1)] font-bold text-[var(--semantic-error,var(--error))]",
-                        children: "*"
-                      }
-                    ) : null
-                  ]
-                }
-              ),
-              error ? /* @__PURE__ */ jsx33(
-                "span",
-                {
-                  id: errorId,
-                  role: "alert",
-                  "data-slot": "checkbox-error",
-                  className: "text-xs font-medium leading-normal text-[var(--error)]",
-                  children: error
-                }
-              ) : description ? /* @__PURE__ */ jsx33(
-                "span",
-                {
-                  id: descriptionId,
-                  "data-slot": "checkbox-description",
-                  className: "text-xs font-normal leading-normal text-text-tertiary group-disabled:text-text-disabled",
-                  children: description
-                }
-              ) : null
-            ] })
-          ]
-        }
-      );
-    }
-    const labelClassName = cn(
-      "cursor-pointer select-none text-left font-medium text-foreground",
-      size === "sm" ? "text-xs" : "text-sm",
-      resolvedDisabled && "cursor-not-allowed text-text-disabled"
-    );
-    return /* @__PURE__ */ jsxs29(
-      "div",
-      {
-        "data-slot": "checkbox-field",
-        "data-disabled": resolvedDisabled ? "" : void 0,
-        className: checkboxFieldVariants({ fullWidth }),
-        children: [
-          /* @__PURE__ */ jsxs29("div", { className: "inline-flex items-center gap-[var(--space-3)]", children: [
-            /* @__PURE__ */ jsx33(
-              CheckboxPrimitive.Root,
-              {
-                ref,
-                id: checkboxId,
-                "data-slot": "checkbox",
-                "aria-describedby": describedBy,
-                "aria-required": required || void 0,
-                "aria-invalid": error ? true : void 0,
-                name: resolvedName,
-                value: valueString,
-                checked: resolvedChecked,
-                disabled: resolvedDisabled,
-                className: cn(checkboxRootVariants(), className),
-                onCheckedChange: handleCheckedChange,
-                ...props,
-                children: /* @__PURE__ */ jsx33(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    "data-slot": "checkbox-box",
-                    className: checkboxBoxVariants({ size }),
-                    children: /* @__PURE__ */ jsx33(
-                      CheckboxPrimitive.Indicator,
-                      {
-                        "data-slot": "checkbox-indicator",
-                        className: "flex items-center justify-center",
-                        children: resolvedChecked === "indeterminate" ? /* @__PURE__ */ jsx33(Minus, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx33(Check3, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 })
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            labelContent ? /* @__PURE__ */ jsxs29(
-              "label",
-              {
-                id: labelId,
-                htmlFor: checkboxId,
-                "data-slot": "checkbox-label",
-                className: labelClassName,
-                children: [
-                  labelContent,
-                  required ? /* @__PURE__ */ jsx33(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      "data-slot": "checkbox-required-marker",
-                      className: "ml-[var(--space-1)] font-bold text-[var(--semantic-error,var(--error))]",
-                      children: "*"
-                    }
-                  ) : null
-                ]
-              }
-            ) : null
-          ] }),
-          error ? /* @__PURE__ */ jsx33(
-            "p",
-            {
-              id: errorId,
-              role: "alert",
-              "data-slot": "checkbox-error",
-              className: "ml-[32px] text-xs font-medium leading-normal text-[var(--error)]",
-              children: error
-            }
-          ) : description ? /* @__PURE__ */ jsx33(
-            "p",
-            {
-              id: descriptionId,
-              "data-slot": "checkbox-description",
-              className: cn(
-                "ml-[32px] text-xs font-normal leading-normal text-text-tertiary",
-                resolvedDisabled && "text-text-disabled"
-              ),
-              children: description
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-// src/components/ui/dropdown-menu.tsx
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({
+function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.Trigger,
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.RadioGroup,
     {
-      "data-slot": "dropdown-menu-trigger",
+      "data-slot": "dropdown-menu-radio-group",
       ...props
     }
   );
 }
-function DropdownMenuContent({
+function DropdownMenuRadioItem({
   className,
-  sideOffset = 4,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.Content,
+  return /* @__PURE__ */ jsxs29(
+    DropdownMenuPrimitive.RadioItem,
     {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
+      "data-slot": "dropdown-menu-radio-item",
       className: cn(
-        "z-[var(--z-popover)] max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem]",
-        "origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto",
-        "rounded-[var(--radius-lg)] border border-[var(--border)] bg-[var(--bg-surface)] p-[var(--space-1)] text-text-primary shadow-[var(--shadow-16)]",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        "motion-reduce:transition-none",
+        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
+        "rounded-sm py-[var(--space-1)] pr-[var(--space-3)] pl-8 text-body-sm leading-compact text-text-primary outline-none select-none",
+        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
+        "data-[state=open]:bg-action-selected",
+        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx33("span", { className: "pointer-events-none absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx33(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx33(CircleIcon, { size: 8, className: "fill-current" }) }) }),
+        children
+      ]
     }
-  ) });
-}
-function DropdownMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  );
 }
-function DropdownMenuItem({
+function DropdownMenuLabel({
   className,
   inset,
-  variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.Item,
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Label,
     {
-      "data-slot": "dropdown-menu-item",
+      "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      "data-variant": variant,
       className: cn(
-        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
-        "rounded-sm px-[var(--space-3)] py-[var(--space-1)] text-body-sm leading-compact text-text-primary outline-none select-none",
-        "data-[inset]:pl-8",
-        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
-        "data-[state=open]:bg-action-selected",
-        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
-        "data-[variant=destructive]:text-[var(--semantic-error,var(--error))]",
-        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "px-[var(--space-2)] py-[var(--space-1)] text-xs font-semibold leading-compact text-text-tertiary data-[inset]:pl-8",
         className
       ),
       ...props
     }
   );
 }
-function DropdownMenuCheckboxItem({
+function DropdownMenuSeparator({
   className,
-  children,
-  checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs30(
-    DropdownMenuPrimitive.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
-        "rounded-sm py-[var(--space-1)] pr-[var(--space-3)] pl-8 text-body-sm leading-compact text-text-primary outline-none select-none",
-        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
-        "data-[state=open]:bg-action-selected",
-        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
-        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CheckIcon, { size: 16 }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs30(
-    DropdownMenuPrimitive.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(
-        "relative flex min-h-[32px] cursor-pointer items-center gap-[var(--space-2)]",
-        "rounded-sm py-[var(--space-1)] pr-[var(--space-3)] pl-8 text-body-sm leading-compact text-text-primary outline-none select-none",
-        "data-[highlighted]:bg-action-hover data-[highlighted]:text-text-primary",
-        "data-[state=open]:bg-action-selected",
-        "data-[disabled]:pointer-events-none data-[disabled]:bg-action-disabled-bg data-[disabled]:text-text-disabled",
-        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CircleIcon, { size: 8, className: "fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-[var(--space-2)] py-[var(--space-1)] text-xs font-semibold leading-compact text-text-tertiary data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(
-    DropdownMenuPrimitive.Separator,
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-0 border-t border-border-subtle", className),
@@ -6153,7 +5843,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -6168,7 +5858,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -6176,7 +5866,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -6193,7 +5883,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx34(ChevronRightIcon, { className: "ml-auto", size: 16 })
+        /* @__PURE__ */ jsx33(ChevronRightIcon, { className: "ml-auto", size: 16 })
       ]
     }
   );
@@ -6202,7 +5892,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -6221,14 +5911,8 @@ function DropdownMenuSubContent({
   );
 }
 
-// src/components/ui/list-card.tsx
-import * as React32 from "react";
-import { ChevronRight as ChevronRight2, MoreVertical } from "lucide-react";
-
 // src/components/ui/action-menu.tsx
-import * as React31 from "react";
-import { Dialog as DialogPrimitive4, Slot as Slot3 } from "radix-ui";
-import { Fragment as Fragment13, jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 var sheetRowClassName = cn(
   "group flex min-h-12 w-full cursor-pointer items-center gap-[var(--space-3)] px-[var(--space-4)] py-[var(--space-2)] text-left",
   "border-t border-[var(--border-subtle)] text-[13px] font-medium leading-normal text-text-primary",
@@ -6250,9 +5934,9 @@ function ActionMenuSheet({
   onOpenAutoFocus,
   onCloseAutoFocus
 }) {
-  const pendingRef = React31.useRef(null);
-  const surfaceRef = React31.useRef(null);
-  const labelId = React31.useId();
+  const pendingRef = React30.useRef(null);
+  const surfaceRef = React30.useRef(null);
+  const labelId = React30.useId();
   const handleOpenChange = (nextOpen) => {
     pendingRef.current = null;
     onOpenChange(nextOpen);
@@ -6280,9 +5964,9 @@ function ActionMenuSheet({
     pendingRef.current = null;
     item?.onSelect();
   };
-  return /* @__PURE__ */ jsx35(DialogPrimitive4.Root, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs31(DialogPrimitive4.Portal, { children: [
-    /* @__PURE__ */ jsx35(OverlayScrimLayer, { kind: "menu" }),
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx34(DialogPrimitive4.Root, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs30(DialogPrimitive4.Portal, { children: [
+    /* @__PURE__ */ jsx34(OverlayScrimLayer, { kind: "menu" }),
+    /* @__PURE__ */ jsxs30(
       DialogPrimitive4.Content,
       {
         ref: surfaceRef,
@@ -6292,8 +5976,8 @@ function ActionMenuSheet({
         onCloseAutoFocus: handleCloseAutoFocus,
         ...description ? {} : { "aria-describedby": void 0 },
         children: [
-          /* @__PURE__ */ jsx35(OverlayGrabber, { always: true, ...swipe.handleProps }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx34(OverlayGrabber, { always: true, ...swipe.handleProps }),
+          /* @__PURE__ */ jsx34(
             OverlayHeader,
             {
               kind: "menu",
@@ -6303,13 +5987,13 @@ function ActionMenuSheet({
               dragHandleProps: swipe.handleProps
             }
           ),
-          /* @__PURE__ */ jsx35(OverlayBody, { kind: "menu", children: groups.map((group, index) => /* @__PURE__ */ jsxs31(React31.Fragment, { children: [
-            index > 0 ? /* @__PURE__ */ jsx35("div", { role: "separator", className: sheetGroupSeparatorClassName }) : null,
-            /* @__PURE__ */ jsxs31("div", { role: "group", "aria-labelledby": group.label ? `${labelId}-${index}` : void 0, children: [
-              group.label ? /* @__PURE__ */ jsx35("div", { id: `${labelId}-${index}`, className: sheetGroupLabelClassName, children: group.label }) : null,
+          /* @__PURE__ */ jsx34(OverlayBody, { kind: "menu", children: groups.map((group, index) => /* @__PURE__ */ jsxs30(React30.Fragment, { children: [
+            index > 0 ? /* @__PURE__ */ jsx34("div", { role: "separator", className: sheetGroupSeparatorClassName }) : null,
+            /* @__PURE__ */ jsxs30("div", { role: "group", "aria-labelledby": group.label ? `${labelId}-${index}` : void 0, children: [
+              group.label ? /* @__PURE__ */ jsx34("div", { id: `${labelId}-${index}`, className: sheetGroupLabelClassName, children: group.label }) : null,
               group.items.map((item) => {
                 const Icon = item.icon;
-                return /* @__PURE__ */ jsxs31(
+                return /* @__PURE__ */ jsxs30(
                   "button",
                   {
                     type: "button",
@@ -6319,10 +6003,10 @@ function ActionMenuSheet({
                     disabled: item.disabled,
                     onClick: () => handleSelect(item),
                     children: [
-                      Icon ? /* @__PURE__ */ jsx35(Icon, { "aria-hidden": true, size: 17, strokeWidth: 1.75, className: "shrink-0" }) : null,
-                      /* @__PURE__ */ jsxs31("span", { className: "min-w-0 flex-1 break-keep", children: [
+                      Icon ? /* @__PURE__ */ jsx34(Icon, { "aria-hidden": true, size: 17, strokeWidth: 1.75, className: "shrink-0" }) : null,
+                      /* @__PURE__ */ jsxs30("span", { className: "min-w-0 flex-1 break-keep", children: [
                         item.label,
-                        item.description ? /* @__PURE__ */ jsx35("span", { className: sheetRowDescriptionClassName, children: item.description }) : null
+                        item.description ? /* @__PURE__ */ jsx34("span", { className: sheetRowDescriptionClassName, children: item.description }) : null
                       ] })
                     ]
                   },
@@ -6338,7 +6022,7 @@ function ActionMenuSheet({
 }
 var readPresentation = () => window.matchMedia?.(OVERLAY_DESKTOP_QUERY).matches ?? true ? "dropdown" : "sheet";
 var subscribeNothing = () => () => void 0;
-var useHydrated = () => React31.useSyncExternalStore(
+var useHydrated = () => React30.useSyncExternalStore(
   subscribeNothing,
   () => true,
   () => false
@@ -6353,10 +6037,10 @@ function ActionMenu({
   items,
   groups
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React31.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React30.useState(false);
   const hydrated = useHydrated();
   const open = (openProp ?? uncontrolledOpen) && hydrated;
-  const [shown, setShown] = React31.useState({
+  const [shown, setShown] = React30.useState({
     open: false,
     presentation: "dropdown"
   });
@@ -6365,72 +6049,438 @@ function ActionMenu({
     if (open) presentation = readPresentation();
     setShown({ open, presentation });
   }
-  const triggerRef = React31.useRef(null);
-  const pendingRef = React31.useRef(null);
-  const setOpen = (nextOpen) => {
-    if (nextOpen) pendingRef.current = null;
-    if (openProp === void 0) setUncontrolledOpen(nextOpen);
-    onOpenChange?.(nextOpen);
-  };
-  const menuGroups = groups ?? [{ id: "items", items: items ?? [] }];
-  const handleDropdownCloseAutoFocus = (event) => {
-    const item = pendingRef.current;
-    pendingRef.current = null;
-    if (!item) return;
-    event.preventDefault();
-    triggerRef.current?.focus();
-    item.onSelect();
-  };
-  const handleSheetCloseAutoFocus = (event) => {
-    event.preventDefault();
-    triggerRef.current?.focus();
-  };
-  const triggerLabel = trigger.props["aria-label"];
-  return /* @__PURE__ */ jsxs31(Fragment13, { children: [
-    /* @__PURE__ */ jsxs31(DropdownMenu, { open: open && presentation === "dropdown", onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx35(DropdownMenuTrigger, { asChild: true, "aria-expanded": open, children: /* @__PURE__ */ jsx35(Slot3.Root, { ref: triggerRef, children: trigger }) }),
-      /* @__PURE__ */ jsx35(DropdownMenuContent, { align: "end", onCloseAutoFocus: handleDropdownCloseAutoFocus, children: menuGroups.map((group, index) => /* @__PURE__ */ jsxs31(React31.Fragment, { children: [
-        index > 0 ? /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}) : null,
-        /* @__PURE__ */ jsxs31(DropdownMenuGroup, { children: [
-          group.label ? /* @__PURE__ */ jsx35(DropdownMenuLabel, { children: group.label }) : null,
-          group.items.map((item) => {
-            const Icon = item.icon;
-            return /* @__PURE__ */ jsxs31(
-              DropdownMenuItem,
-              {
-                variant: item.destructive ? "destructive" : "default",
-                disabled: item.disabled,
-                onSelect: () => {
-                  pendingRef.current = item;
-                },
-                children: [
-                  Icon ? /* @__PURE__ */ jsx35(Icon, { "aria-hidden": true, size: 16, strokeWidth: 1.75 }) : null,
-                  item.label
-                ]
-              },
-              item.id
-            );
-          })
-        ] })
-      ] }, group.id)) })
-    ] }),
-    /* @__PURE__ */ jsx35(
-      ActionMenuSheet,
+  const triggerRef = React30.useRef(null);
+  const pendingRef = React30.useRef(null);
+  const setOpen = (nextOpen) => {
+    if (nextOpen) pendingRef.current = null;
+    if (openProp === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  };
+  const menuGroups = groups ?? [{ id: "items", items: items ?? [] }];
+  const handleDropdownCloseAutoFocus = (event) => {
+    const item = pendingRef.current;
+    pendingRef.current = null;
+    if (!item) return;
+    event.preventDefault();
+    triggerRef.current?.focus();
+    item.onSelect();
+  };
+  const handleSheetCloseAutoFocus = (event) => {
+    event.preventDefault();
+    triggerRef.current?.focus();
+  };
+  const triggerLabel = trigger.props["aria-label"];
+  return /* @__PURE__ */ jsxs30(Fragment13, { children: [
+    /* @__PURE__ */ jsxs30(DropdownMenu, { open: open && presentation === "dropdown", onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx34(DropdownMenuTrigger, { asChild: true, "aria-expanded": open, children: /* @__PURE__ */ jsx34(Slot3.Root, { ref: triggerRef, children: trigger }) }),
+      /* @__PURE__ */ jsx34(DropdownMenuContent, { align: "end", onCloseAutoFocus: handleDropdownCloseAutoFocus, children: menuGroups.map((group, index) => /* @__PURE__ */ jsxs30(React30.Fragment, { children: [
+        index > 0 ? /* @__PURE__ */ jsx34(DropdownMenuSeparator, {}) : null,
+        /* @__PURE__ */ jsxs30(DropdownMenuGroup, { children: [
+          group.label ? /* @__PURE__ */ jsx34(DropdownMenuLabel, { children: group.label }) : null,
+          group.items.map((item) => {
+            const Icon = item.icon;
+            return /* @__PURE__ */ jsxs30(
+              DropdownMenuItem,
+              {
+                variant: item.destructive ? "destructive" : "default",
+                disabled: item.disabled,
+                onSelect: () => {
+                  pendingRef.current = item;
+                },
+                children: [
+                  Icon ? /* @__PURE__ */ jsx34(Icon, { "aria-hidden": true, size: 16, strokeWidth: 1.75 }) : null,
+                  item.label
+                ]
+              },
+              item.id
+            );
+          })
+        ] })
+      ] }, group.id)) })
+    ] }),
+    /* @__PURE__ */ jsx34(
+      ActionMenuSheet,
+      {
+        open: open && presentation === "sheet",
+        onOpenChange: setOpen,
+        title: title ?? /* @__PURE__ */ jsx34("span", { className: "sr-only", children: triggerLabel }),
+        description,
+        closeLabel,
+        groups: menuGroups,
+        onCloseAutoFocus: handleSheetCloseAutoFocus
+      }
+    )
+  ] });
+}
+
+// src/components/ui/checkbox.tsx
+import * as React31 from "react";
+import { cva as cva12 } from "class-variance-authority";
+import { Check as Check3, Minus } from "lucide-react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+var checkboxFieldVariants = cva12(
+  "flex flex-col gap-[var(--space-1)]",
+  {
+    variants: {
+      fullWidth: {
+        true: "w-full",
+        false: "w-fit"
+      }
+    },
+    defaultVariants: {
+      fullWidth: false
+    }
+  }
+);
+var checkboxVariants = checkboxFieldVariants;
+var checkboxRootVariants = cva12(
+  [
+    "group shrink-0 cursor-pointer rounded-[var(--radius-xs)]",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-base)]",
+    "disabled:cursor-not-allowed"
+  ].join(" ")
+);
+var checkboxBoxVariants = cva12(
+  [
+    "flex shrink-0 items-center justify-center rounded-[var(--radius-xs)] border",
+    "border-[var(--border-strong)] bg-[var(--bg-surface)] text-transparent",
+    "transition-colors motion-reduce:transition-none",
+    "group-hover:bg-[var(--action-hover)]",
+    "group-disabled:border-[var(--border-subtle)] group-disabled:bg-[var(--action-disabled-bg)]",
+    "group-data-[state=checked]:border-[var(--primary)] group-data-[state=checked]:bg-[var(--primary)] group-data-[state=checked]:text-[var(--primary-fg)]",
+    "group-data-[state=indeterminate]:border-[var(--primary)] group-data-[state=indeterminate]:bg-[var(--primary)] group-data-[state=indeterminate]:text-[var(--primary-fg)]",
+    "group-disabled:group-data-[state=checked]:border-[var(--border-subtle)] group-disabled:group-data-[state=checked]:bg-[var(--action-disabled-bg)] group-disabled:group-data-[state=checked]:text-text-disabled",
+    "group-disabled:group-data-[state=indeterminate]:border-[var(--border-subtle)] group-disabled:group-data-[state=indeterminate]:bg-[var(--action-disabled-bg)] group-disabled:group-data-[state=indeterminate]:text-text-disabled"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "size-[calc(var(--space-4)+var(--space-1))]",
+        md: "size-[calc(var(--space-4)+var(--space-1))]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var checkboxGroupItemVariants = cva12(
+  [
+    "group w-full cursor-pointer text-left transition-colors motion-reduce:transition-none",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-base)]",
+    "disabled:cursor-not-allowed disabled:text-text-disabled"
+  ].join(" "),
+  {
+    variants: {
+      appearance: {
+        plain: "inline-flex items-start gap-[var(--space-3)] rounded-[var(--radius-md)] px-[var(--space-3)] py-[var(--space-2)]",
+        card: [
+          "flex min-h-[calc(var(--space-12)+var(--space-2))] items-start gap-[var(--space-3)]",
+          "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-surface)]",
+          "hover:bg-[var(--action-hover)]",
+          "data-[state=checked]:border-[var(--border-strong)] data-[state=checked]:bg-[var(--action-selected)]",
+          "disabled:border-[var(--border-subtle)] disabled:bg-[var(--action-disabled-bg)]",
+          "disabled:data-[state=checked]:border-[var(--border-subtle)] disabled:data-[state=checked]:bg-[var(--action-disabled-bg)]"
+        ].join(" ")
+      },
+      density: {
+        comfortable: "",
+        compact: ""
+      }
+    },
+    compoundVariants: [
+      {
+        appearance: "card",
+        density: "comfortable",
+        className: "px-[var(--space-4)] py-[var(--space-4)]"
+      },
+      {
+        appearance: "card",
+        density: "compact",
+        className: "px-[var(--space-3)] py-[var(--space-3)]"
+      }
+    ],
+    defaultVariants: {
+      appearance: "plain",
+      density: "comfortable"
+    }
+  }
+);
+var checkboxGroupBoxVariants = cva12(
+  "mt-[2px]",
+  {
+    variants: {
+      appearance: {
+        plain: "",
+        card: "mt-[var(--space-1)]"
+      }
+    },
+    defaultVariants: {
+      appearance: "plain"
+    }
+  }
+);
+var CheckboxGroupContext = React31.createContext(null);
+function getLabel(children, label) {
+  return children ?? label;
+}
+var Checkbox = React31.forwardRef(
+  ({
+    className,
+    size = "md",
+    fullWidth = false,
+    children,
+    label,
+    description,
+    required,
+    error,
+    id,
+    value,
+    name,
+    checked,
+    disabled,
+    onCheckedChange,
+    ...props
+  }, ref) => {
+    const group = React31.useContext(CheckboxGroupContext);
+    const generatedId = React31.useId();
+    const checkboxId = id ?? generatedId;
+    const labelContent = getLabel(children, label);
+    const isGrouped = Boolean(group && value != null);
+    const valueString = value == null ? void 0 : String(value);
+    const resolvedChecked = isGrouped && valueString ? group?.selectedValues.has(valueString) : checked;
+    const resolvedDisabled = disabled || group?.disabled;
+    const resolvedName = name ?? group?.name;
+    const labelId = `${checkboxId}-label`;
+    const descriptionId = description && !error ? `${checkboxId}-description` : void 0;
+    const errorId = error ? `${checkboxId}-error` : void 0;
+    const describedBy = errorId ?? descriptionId;
+    const handleCheckedChange = (nextChecked) => {
+      onCheckedChange?.(nextChecked);
+      if (isGrouped && valueString) {
+        group?.toggleValue(valueString, nextChecked === true);
+      }
+    };
+    if (isGrouped) {
+      const appearance = group?.appearance ?? "plain";
+      const density = group?.density ?? "comfortable";
+      return /* @__PURE__ */ jsxs31(
+        CheckboxPrimitive.Root,
+        {
+          ref,
+          id: checkboxId,
+          "data-slot": "checkbox",
+          "aria-labelledby": labelId,
+          "aria-describedby": describedBy,
+          "aria-required": required || void 0,
+          "aria-invalid": error ? true : void 0,
+          name: resolvedName,
+          value: valueString,
+          checked: resolvedChecked,
+          disabled: resolvedDisabled,
+          className: cn(
+            checkboxGroupItemVariants({ appearance, density }),
+            className
+          ),
+          onCheckedChange: handleCheckedChange,
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx35(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-slot": "checkbox-box",
+                className: cn(
+                  checkboxBoxVariants({ size }),
+                  checkboxGroupBoxVariants({ appearance })
+                ),
+                children: /* @__PURE__ */ jsx35(
+                  CheckboxPrimitive.Indicator,
+                  {
+                    "data-slot": "checkbox-indicator",
+                    className: "flex items-center justify-center",
+                    children: resolvedChecked === "indeterminate" ? /* @__PURE__ */ jsx35(Minus, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx35(Check3, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs31("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
+              /* @__PURE__ */ jsxs31(
+                "span",
+                {
+                  id: labelId,
+                  "data-slot": "checkbox-label",
+                  className: "text-sm font-medium leading-snug text-foreground group-disabled:text-text-disabled",
+                  children: [
+                    labelContent,
+                    required ? /* @__PURE__ */ jsx35(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        "data-slot": "checkbox-required-marker",
+                        className: "ml-[var(--space-1)] font-bold text-[var(--semantic-error,var(--error))]",
+                        children: "*"
+                      }
+                    ) : null
+                  ]
+                }
+              ),
+              error ? /* @__PURE__ */ jsx35(
+                "span",
+                {
+                  id: errorId,
+                  role: "alert",
+                  "data-slot": "checkbox-error",
+                  className: "text-xs font-medium leading-normal text-[var(--error)]",
+                  children: error
+                }
+              ) : description ? /* @__PURE__ */ jsx35(
+                "span",
+                {
+                  id: descriptionId,
+                  "data-slot": "checkbox-description",
+                  className: "text-xs font-normal leading-normal text-text-tertiary group-disabled:text-text-disabled",
+                  children: description
+                }
+              ) : null
+            ] })
+          ]
+        }
+      );
+    }
+    const labelClassName = cn(
+      "cursor-pointer select-none text-left font-medium text-foreground",
+      size === "sm" ? "text-xs" : "text-sm",
+      resolvedDisabled && "cursor-not-allowed text-text-disabled"
+    );
+    return /* @__PURE__ */ jsxs31(
+      "div",
+      {
+        "data-slot": "checkbox-field",
+        "data-disabled": resolvedDisabled ? "" : void 0,
+        className: checkboxFieldVariants({ fullWidth }),
+        children: [
+          /* @__PURE__ */ jsxs31("div", { className: "inline-flex items-center gap-[var(--space-3)]", children: [
+            /* @__PURE__ */ jsx35(
+              CheckboxPrimitive.Root,
+              {
+                ref,
+                id: checkboxId,
+                "data-slot": "checkbox",
+                "aria-describedby": describedBy,
+                "aria-required": required || void 0,
+                "aria-invalid": error ? true : void 0,
+                name: resolvedName,
+                value: valueString,
+                checked: resolvedChecked,
+                disabled: resolvedDisabled,
+                className: cn(checkboxRootVariants(), className),
+                onCheckedChange: handleCheckedChange,
+                ...props,
+                children: /* @__PURE__ */ jsx35(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    "data-slot": "checkbox-box",
+                    className: checkboxBoxVariants({ size }),
+                    children: /* @__PURE__ */ jsx35(
+                      CheckboxPrimitive.Indicator,
+                      {
+                        "data-slot": "checkbox-indicator",
+                        className: "flex items-center justify-center",
+                        children: resolvedChecked === "indeterminate" ? /* @__PURE__ */ jsx35(Minus, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx35(Check3, { "aria-hidden": "true", size: 14, strokeWidth: 2.5 })
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            labelContent ? /* @__PURE__ */ jsxs31(
+              "label",
+              {
+                id: labelId,
+                htmlFor: checkboxId,
+                "data-slot": "checkbox-label",
+                className: labelClassName,
+                children: [
+                  labelContent,
+                  required ? /* @__PURE__ */ jsx35(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      "data-slot": "checkbox-required-marker",
+                      className: "ml-[var(--space-1)] font-bold text-[var(--semantic-error,var(--error))]",
+                      children: "*"
+                    }
+                  ) : null
+                ]
+              }
+            ) : null
+          ] }),
+          error ? /* @__PURE__ */ jsx35(
+            "p",
+            {
+              id: errorId,
+              role: "alert",
+              "data-slot": "checkbox-error",
+              className: "ml-[32px] text-xs font-medium leading-normal text-[var(--error)]",
+              children: error
+            }
+          ) : description ? /* @__PURE__ */ jsx35(
+            "p",
+            {
+              id: descriptionId,
+              "data-slot": "checkbox-description",
+              className: cn(
+                "ml-[32px] text-xs font-normal leading-normal text-text-tertiary",
+                resolvedDisabled && "text-text-disabled"
+              ),
+              children: description
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/ui/context-menu.tsx
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+function ContextMenu({
+  open,
+  onOpenChange,
+  position,
+  children,
+  contentProps
+}) {
+  if (!position) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs32(DropdownMenu, { open, onOpenChange, modal: false, children: [
+    /* @__PURE__ */ jsx36(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
+      "span",
       {
-        open: open && presentation === "sheet",
-        onOpenChange: setOpen,
-        title: title ?? /* @__PURE__ */ jsx35("span", { className: "sr-only", children: triggerLabel }),
-        description,
-        closeLabel,
-        groups: menuGroups,
-        onCloseAutoFocus: handleSheetCloseAutoFocus
+        "aria-hidden": "true",
+        "data-slot": "context-menu-anchor",
+        style: {
+          position: "fixed",
+          left: position.x,
+          top: position.y,
+          width: 0,
+          height: 0
+        }
       }
-    )
+    ) }),
+    /* @__PURE__ */ jsx36(DropdownMenuContent, { ...contentProps, children })
   ] });
 }
 
 // src/components/ui/list-card.tsx
-import { Fragment as Fragment14, jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import * as React32 from "react";
+import { ChevronRight as ChevronRight2, MoreVertical } from "lucide-react";
+import { Fragment as Fragment14, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function lineTokens(value) {
   return React32.Children.toArray(value).filter((token) => token !== "");
 }
@@ -6440,7 +6490,7 @@ function MetaLine({
   first,
   last
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     {
       "data-slot": slot,
@@ -6448,14 +6498,14 @@ function MetaLine({
         "flex flex-wrap gap-x-[var(--space-3)] gap-y-[2px] text-[12px] leading-[16px] text-text-secondary",
         first ? "mt-[var(--space-1)]" : "mt-[2px]"
       ),
-      children: tokens.map((token, index) => /* @__PURE__ */ jsxs32(
+      children: tokens.map((token, index) => /* @__PURE__ */ jsxs33(
         "span",
         {
           className: "max-w-full truncate whitespace-nowrap",
           title: typeof token === "string" || typeof token === "number" ? String(token) : void 0,
           children: [
             token,
-            index < tokens.length - 1 || !last ? /* @__PURE__ */ jsx36("span", { className: "sr-only", children: ", " }) : null
+            index < tokens.length - 1 || !last ? /* @__PURE__ */ jsx37("span", { className: "sr-only", children: ", " }) : null
           ]
         },
         index
@@ -6466,7 +6516,7 @@ function MetaLine({
 var titleClassName = "line-clamp-2 text-[13px] font-medium leading-[18px] text-text-primary [overflow-wrap:anywhere] [word-break:keep-all]";
 var overlayClassName = cn(
   "text-inherit no-underline outline-none after:absolute after:inset-0 after:content-['']",
-  "focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--focus-ring)]"
+  "focus-visible:after:inset-ring-2 focus-visible:after:inset-ring-[var(--focus-ring)]"
 );
 function ListCard({
   title,
@@ -6488,19 +6538,19 @@ function ListCard({
   const meta2 = lineTokens(meta?.[1]);
   const hasValue = value != null;
   const overlay = actions != null && (href != null || onClick != null);
-  const trailingNode = trailing === "chevron" ? /* @__PURE__ */ jsx36(
+  const trailingNode = trailing === "chevron" ? /* @__PURE__ */ jsx37(
     ChevronRight2,
     {
       "data-slot": `${slot}-suffix`,
       "aria-hidden": true,
       className: "size-[var(--space-4)] shrink-0 text-text-tertiary"
     }
-  ) : trailing === "none" ? null : /* @__PURE__ */ jsx36("span", { "data-slot": `${slot}-suffix`, children: trailing });
+  ) : trailing === "none" ? null : /* @__PURE__ */ jsx37("span", { "data-slot": `${slot}-suffix`, children: trailing });
   const bottomIcon = actions != null && trailingNode != null;
   const hasEnd = hasValue || actions != null || trailingNode != null;
   const rootClassName = cn(
     "relative grid w-full min-w-0 items-start gap-x-[var(--space-2)] whitespace-normal text-left outline-none",
-    "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--focus-ring)]",
+    "focus-visible:inset-ring-2 focus-visible:inset-ring-[var(--focus-ring)]",
     // An empty end keeps the 16px chevron track.
     leading ? hasEnd ? "grid-cols-[auto_minmax(0,1fr)_auto]" : "grid-cols-[auto_minmax(0,1fr)_16px]" : hasEnd ? "grid-cols-[minmax(0,1fr)_auto]" : "grid-cols-[minmax(0,1fr)_16px]",
     // 84 = the ⋮ hit area (2 above the top to 42 below) meets the chevron's (42 above the bottom to 2 below).
@@ -6508,7 +6558,7 @@ function ListCard({
     href && !overlay && "after:absolute after:inset-0 after:content-['']",
     className
   );
-  const titleNode = /* @__PURE__ */ jsx36(
+  const titleNode = /* @__PURE__ */ jsx37(
     "span",
     {
       "data-slot": `${slot}-title`,
@@ -6517,18 +6567,18 @@ function ListCard({
       children: overlay && href != null ? React32.createElement(linkComponent ?? "a", { ...linkProps, href, className: overlayClassName }, title) : title
     }
   );
-  const content = /* @__PURE__ */ jsxs32(Fragment14, { children: [
-    leading != null ? /* @__PURE__ */ jsx36("span", { className: "flex min-h-[18px] items-center", children: leading }) : null,
-    /* @__PURE__ */ jsxs32("span", { className: "min-w-0", children: [
+  const content = /* @__PURE__ */ jsxs33(Fragment14, { children: [
+    leading != null ? /* @__PURE__ */ jsx37("span", { className: "flex min-h-[18px] items-center", children: leading }) : null,
+    /* @__PURE__ */ jsxs33("span", { className: "min-w-0", children: [
       overlay && href == null ? (
         // A block button keeps the title's two-line clamp inside it.
-        /* @__PURE__ */ jsx36("button", { type: "button", onClick, className: cn(overlayClassName, "block w-full text-left"), children: titleNode })
+        /* @__PURE__ */ jsx37("button", { type: "button", onClick, className: cn(overlayClassName, "block w-full text-left"), children: titleNode })
       ) : titleNode,
-      meta1.length > 0 ? /* @__PURE__ */ jsx36(MetaLine, { tokens: meta1, slot: `${slot}-meta1`, first: true, last: meta2.length === 0 }) : null,
-      meta2.length > 0 ? /* @__PURE__ */ jsx36(MetaLine, { tokens: meta2, slot: `${slot}-meta2`, first: meta1.length === 0, last: true }) : null,
-      status != null || caption != null ? /* @__PURE__ */ jsxs32("span", { "data-slot": `${slot}-bottom`, className: "mt-[var(--space-2)] flex min-h-[18px] items-center gap-[var(--space-2)]", children: [
-        status != null ? /* @__PURE__ */ jsx36("span", { "data-slot": `${slot}-badge`, className: "flex items-center", children: status }) : null,
-        caption != null ? /* @__PURE__ */ jsx36(
+      meta1.length > 0 ? /* @__PURE__ */ jsx37(MetaLine, { tokens: meta1, slot: `${slot}-meta1`, first: true, last: meta2.length === 0 }) : null,
+      meta2.length > 0 ? /* @__PURE__ */ jsx37(MetaLine, { tokens: meta2, slot: `${slot}-meta2`, first: meta1.length === 0, last: true }) : null,
+      status != null || caption != null ? /* @__PURE__ */ jsxs33("span", { "data-slot": `${slot}-bottom`, className: "mt-[var(--space-2)] flex min-h-[18px] items-center gap-[var(--space-2)]", children: [
+        status != null ? /* @__PURE__ */ jsx37("span", { "data-slot": `${slot}-badge`, className: "flex items-center", children: status }) : null,
+        caption != null ? /* @__PURE__ */ jsx37(
           "span",
           {
             "data-slot": `${slot}-caption`,
@@ -6538,8 +6588,8 @@ function ListCard({
         ) : null
       ] }) : null
     ] }),
-    hasEnd ? /* @__PURE__ */ jsxs32("span", { "data-slot": `${slot}-trailing`, className: "flex flex-col items-end justify-between self-stretch", children: [
-      /* @__PURE__ */ jsxs32(
+    hasEnd ? /* @__PURE__ */ jsxs33("span", { "data-slot": `${slot}-trailing`, className: "flex flex-col items-end justify-between self-stretch", children: [
+      /* @__PURE__ */ jsxs33(
         "span",
         {
           className: cn(
@@ -6547,13 +6597,13 @@ function ListCard({
             actions != null ? "-mr-[var(--space-2)] gap-[var(--space-1)]" : "gap-[var(--space-2)]"
           ),
           children: [
-            hasValue ? /* @__PURE__ */ jsx36("span", { "data-slot": `${slot}-value`, className: "text-[13px] leading-[20px] text-text-secondary tabular-nums", children: value }) : null,
-            actions != null ? /* @__PURE__ */ jsx36("span", { className: "relative z-[1] flex", children: /* @__PURE__ */ jsx36(
+            hasValue ? /* @__PURE__ */ jsx37("span", { "data-slot": `${slot}-value`, className: "text-[13px] leading-[20px] text-text-secondary tabular-nums", children: value }) : null,
+            actions != null ? /* @__PURE__ */ jsx37("span", { className: "relative z-[1] flex", children: /* @__PURE__ */ jsx37(
               ActionMenu,
               {
                 title: typeof title === "string" ? title : void 0,
                 items: [...actions.items],
-                trigger: /* @__PURE__ */ jsx36(
+                trigger: /* @__PURE__ */ jsx37(
                   IconButton,
                   {
                     icon: MoreVertical,
@@ -6573,16 +6623,16 @@ function ListCard({
   ] });
   if (href && !overlay) {
     const LinkComponent = linkComponent ?? "a";
-    return /* @__PURE__ */ jsx36(LinkComponent, { ...linkProps, href, className: rootClassName, children: content });
+    return /* @__PURE__ */ jsx37(LinkComponent, { ...linkProps, href, className: rootClassName, children: content });
   }
   if (onClick && !overlay) {
-    return /* @__PURE__ */ jsx36("button", { type: "button", onClick, className: rootClassName, children: content });
+    return /* @__PURE__ */ jsx37("button", { type: "button", onClick, className: rootClassName, children: content });
   }
-  return /* @__PURE__ */ jsx36("div", { className: rootClassName, children: content });
+  return /* @__PURE__ */ jsx37("div", { className: rootClassName, children: content });
 }
 
 // src/components/ui/data-table.tsx
-import { Fragment as Fragment15, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 var dataTableVariants = cva13(
   [
     "relative overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-subtle)]",
@@ -6611,7 +6661,9 @@ var dataTableRowVariants = cva13(
   {
     variants: {
       interactive: {
-        true: "cursor-pointer hover:bg-[var(--action-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--focus-ring)]",
+        // inset-ring, not ring-inset: the token theme's --color-inset makes `ring-inset` also a
+        // ring color, which paints the ring in the inset background.
+        true: "cursor-pointer hover:bg-[var(--action-hover)] focus-visible:outline-none focus-visible:inset-ring-2 focus-visible:inset-ring-[var(--focus-ring)]",
         false: ""
       },
       selected: {
@@ -6633,9 +6685,159 @@ var alignmentClass = {
 function getRowId(row, keyField) {
   return String(row[keyField]);
 }
-function getGridTemplate(columns, selectable, expandable) {
+function getGridTemplate(columns, selectable, expandable, hasRowActions) {
   const columnWidths = columns.map((column) => column.width ?? "1fr");
-  return [selectable ? "44px" : null, ...columnWidths, expandable ? "40px" : null].filter(Boolean).join(" ");
+  return [selectable ? "44px" : null, ...columnWidths, expandable ? "40px" : null, hasRowActions ? "44px" : null].filter(Boolean).join(" ");
+}
+function isActionGroups(actions) {
+  return actions.length > 0 && "items" in actions[0];
+}
+function toActionGroups(actions) {
+  return isActionGroups(actions) ? [...actions] : [{ id: "items", items: [...actions] }];
+}
+function countActions(actions) {
+  return isActionGroups(actions) ? actions.reduce((total, group) => total + group.items.length, 0) : actions.length;
+}
+function toActionItems(actions) {
+  return isActionGroups(actions) ? actions.flatMap((group) => group.items) : [...actions];
+}
+var warnedCardActions = false;
+function warnCardActionsOnce() {
+  if (warnedCardActions || typeof process === "undefined" || process.env.NODE_ENV === "production") {
+    return;
+  }
+  warnedCardActions = true;
+  console.warn("DataTable: getMobileCardContent().actions is ignored when rowActions is given. The card \u22EE shows rowActions.");
+}
+var warnedWrapVirtual = false;
+function warnWrapVirtualOnce() {
+  if (warnedWrapVirtual || typeof process === "undefined" || process.env.NODE_ENV === "production") {
+    return;
+  }
+  warnedWrapVirtual = true;
+  console.warn("DataTable: a `wrap` column is not supported with `virtual`. Virtual rows share the first row's height, so taller wrapped rows break the scroll positions.");
+}
+function RowActionsCell({
+  row,
+  rowId,
+  rowActions,
+  getRowActionsLabel
+}) {
+  const actions = rowActions(row);
+  const stop = (event) => event.stopPropagation();
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      role: "cell",
+      "data-slot": "data-table-row-actions",
+      "data-row-id": rowId,
+      className: "flex items-center justify-center",
+      onClick: stop,
+      onKeyDown: stop,
+      onContextMenu: stop,
+      children: countActions(actions) > 0 ? /* @__PURE__ */ jsx38(
+        ActionMenu,
+        {
+          groups: toActionGroups(actions),
+          trigger: /* @__PURE__ */ jsx38(
+            IconButton,
+            {
+              icon: EllipsisVertical,
+              "aria-label": getRowActionsLabel(row),
+              appearance: "ghost",
+              tone: "neutral",
+              size: "md"
+            }
+          )
+        }
+      ) : null
+    }
+  );
+}
+function RowContextMenu({
+  openKey,
+  position,
+  groups,
+  onClose
+}) {
+  const [open, setOpen] = React33.useState(false);
+  const pendingRef = React33.useRef(null);
+  const outsideRef = React33.useRef(false);
+  const shownGroups = React33.useRef([]);
+  if (groups) shownGroups.current = groups;
+  const gone = openKey !== null && groups === null;
+  const contentRef = React33.useRef(null);
+  const focusInsideRef = React33.useRef(false);
+  React33.useEffect(() => {
+    pendingRef.current = null;
+    outsideRef.current = false;
+    focusInsideRef.current = false;
+    setOpen(openKey !== null);
+  }, [openKey]);
+  useIsomorphicLayoutEffect(() => {
+    const content = contentRef.current;
+    if (!open || !focusInsideRef.current || !content?.isConnected) return;
+    const active = document.activeElement;
+    if (active && active !== document.body && content.contains(active)) return;
+    const next = content.querySelector('[role="menuitem"]:not([data-disabled])') ?? content;
+    next.focus();
+  });
+  React33.useEffect(() => {
+    if (gone) setOpen(false);
+  }, [gone]);
+  return /* @__PURE__ */ jsx38(
+    ContextMenu,
+    {
+      open: open && !gone,
+      onOpenChange: setOpen,
+      position,
+      contentProps: {
+        align: "start",
+        onFocus: (event) => {
+          contentRef.current = event.currentTarget;
+          focusInsideRef.current = true;
+        },
+        onBlur: (event) => {
+          if (event.relatedTarget instanceof Node && !event.currentTarget.contains(event.relatedTarget)) {
+            focusInsideRef.current = false;
+          }
+        },
+        onInteractOutside: () => {
+          outsideRef.current = true;
+        },
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+          const item = pendingRef.current;
+          pendingRef.current = null;
+          onClose(item, outsideRef.current);
+        }
+      },
+      children: shownGroups.current.map((group, index) => /* @__PURE__ */ jsxs34(React33.Fragment, { children: [
+        index > 0 ? /* @__PURE__ */ jsx38(DropdownMenuSeparator, {}) : null,
+        /* @__PURE__ */ jsxs34(DropdownMenuGroup, { children: [
+          group.label ? /* @__PURE__ */ jsx38(DropdownMenuLabel, { children: group.label }) : null,
+          group.items.map((item) => {
+            const Icon = item.icon;
+            return /* @__PURE__ */ jsxs34(
+              DropdownMenuItem,
+              {
+                variant: item.destructive ? "destructive" : "default",
+                disabled: item.disabled,
+                onSelect: () => {
+                  pendingRef.current = item;
+                },
+                children: [
+                  Icon ? /* @__PURE__ */ jsx38(Icon, { "aria-hidden": true, size: 16, strokeWidth: 1.75 }) : null,
+                  item.label
+                ]
+              },
+              item.id
+            );
+          })
+        ] })
+      ] }, group.id))
+    }
+  );
 }
 function getRenderedCell(row, column) {
   if (column.render) {
@@ -6665,7 +6867,7 @@ function isInteractiveTarget(target) {
 function SortIcon({ sort, columnKey }) {
   const isActive = sort?.key === columnKey;
   if (!isActive) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       ChevronsUpDown,
       {
         "aria-hidden": "true",
@@ -6677,7 +6879,7 @@ function SortIcon({ sort, columnKey }) {
     );
   }
   const Icon = sort.dir === "asc" ? ChevronUp2 : ChevronDown5;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Icon,
     {
       "aria-hidden": "true",
@@ -6695,8 +6897,8 @@ function MobileSortMenu({
   onSortChange
 }) {
   const active = sortBy ? columns.find((column) => column.key === sortBy.key) : void 0;
-  return /* @__PURE__ */ jsxs33(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs34(
       Button,
       {
         "data-slot": "data-table-mobile-sort-button",
@@ -6705,26 +6907,26 @@ function MobileSortMenu({
         size: "sm",
         className: "ml-auto min-w-0",
         children: [
-          active && sortBy ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
-            /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "\uC815\uB82C " }),
-            /* @__PURE__ */ jsx37("span", { className: "truncate", children: active.header }),
-            /* @__PURE__ */ jsxs33("span", { className: "sr-only", children: [
+          active && sortBy ? /* @__PURE__ */ jsxs34(Fragment16, { children: [
+            /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "\uC815\uB82C " }),
+            /* @__PURE__ */ jsx38("span", { className: "truncate", children: active.header }),
+            /* @__PURE__ */ jsxs34("span", { className: "sr-only", children: [
               ", ",
               sortBy.dir === "asc" ? "\uC624\uB984\uCC28\uC21C" : "\uB0B4\uB9BC\uCC28\uC21C"
             ] })
           ] }) : "\uC815\uB82C",
-          /* @__PURE__ */ jsx37(SortIcon, { sort: sortBy, columnKey: active?.key ?? "" })
+          /* @__PURE__ */ jsx38(SortIcon, { sort: sortBy, columnKey: active?.key ?? "" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx37(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsx37(DropdownMenuRadioGroup, { value: active?.key ?? "", children: columns.map((column) => /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx38(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsx38(DropdownMenuRadioGroup, { value: active?.key ?? "", children: columns.map((column) => /* @__PURE__ */ jsxs34(
       DropdownMenuRadioItem,
       {
         value: column.key,
         onSelect: () => onSortChange?.(column.key, getNextSort(sortBy, column.key)),
         children: [
-          /* @__PURE__ */ jsx37("span", { className: "truncate", children: column.header }),
-          column.key === active?.key ? /* @__PURE__ */ jsx37("span", { className: "ml-auto pl-[var(--space-4)]", children: /* @__PURE__ */ jsx37(SortIcon, { sort: sortBy, columnKey: column.key }) }) : null
+          /* @__PURE__ */ jsx38("span", { className: "truncate", children: column.header }),
+          column.key === active?.key ? /* @__PURE__ */ jsx38("span", { className: "ml-auto pl-[var(--space-4)]", children: /* @__PURE__ */ jsx38(SortIcon, { sort: sortBy, columnKey: column.key }) }) : null
         ]
       },
       column.key
@@ -6737,35 +6939,38 @@ function MobileToolbar({
   onSortChange,
   selectable,
   selectAllChecked,
+  selectAllDisabled,
   onToggleAll
 }) {
   const sortableColumns = columns.filter((column) => column.sortable);
   if (!selectable && sortableColumns.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "data-table-mobile-toolbar",
       className: "flex min-w-0 items-center gap-[var(--space-2)] px-[var(--space-4)] py-[var(--space-2)]",
       children: [
-        selectable ? /* @__PURE__ */ jsx37(SelectAllCheckbox, { checked: selectAllChecked, onToggleAll }) : null,
-        sortableColumns.length > 0 ? /* @__PURE__ */ jsx37(MobileSortMenu, { columns: sortableColumns, sortBy, onSortChange }) : null
+        selectable ? /* @__PURE__ */ jsx38(SelectAllCheckbox, { checked: selectAllChecked, disabled: selectAllDisabled, onToggleAll }) : null,
+        sortableColumns.length > 0 ? /* @__PURE__ */ jsx38(MobileSortMenu, { columns: sortableColumns, sortBy, onSortChange }) : null
       ]
     }
   );
 }
 function SelectAllCheckbox({
   checked,
+  disabled,
   onToggleAll
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Checkbox,
     {
       "aria-label": "\uC804\uCCB4 \uD589 \uC120\uD0DD",
       checked,
+      disabled,
       onCheckedChange: (nextChecked) => onToggleAll(nextChecked === true),
-      children: /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "\uC804\uCCB4 \uD589 \uC120\uD0DD" })
+      children: /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "\uC804\uCCB4 \uD589 \uC120\uD0DD" })
     }
   );
 }
@@ -6774,15 +6979,17 @@ function RowCheckbox({
   rowId,
   columns,
   selected,
+  selectionBlocked,
   onToggle
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Checkbox,
     {
       "aria-label": `${String(row[columns[0]?.key] ?? rowId)} \uD589 \uC120\uD0DD`,
       checked: selected,
+      disabled: selectionBlocked,
       onCheckedChange: (nextChecked) => onToggle(rowId, nextChecked === true),
-      children: /* @__PURE__ */ jsxs33("span", { className: "sr-only", children: [
+      children: /* @__PURE__ */ jsxs34("span", { className: "sr-only", children: [
         rowId,
         " \uD589 \uC120\uD0DD"
       ] })
@@ -6799,17 +7006,17 @@ function SkeletonRows({
     // role="table"의 허용 자식은 row/rowgroup뿐이라 컨테이너는 rowgroup이어야 한다.
     // 로딩 알림은 그 안의 row/cell 안에 둔다 — 종전에는 컨테이너가 role="status"라
     // aria-required-children(Critical)이 났다.
-    /* @__PURE__ */ jsxs33("div", { role: "rowgroup", children: [
-      /* @__PURE__ */ jsx37("div", { role: "row", children: /* @__PURE__ */ jsx37("div", { role: "cell", "aria-colindex": 1, "aria-label": "\uB370\uC774\uD130 \uB85C\uB4DC \uC911", children: /* @__PURE__ */ jsx37("span", { role: "status", className: "sr-only", children: "\uB370\uC774\uD130 \uB85C\uB4DC \uC911" }) }) }),
-      Array.from({ length: count }, (_, rowIndex) => /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs34("div", { role: "rowgroup", children: [
+      /* @__PURE__ */ jsx38("div", { role: "row", children: /* @__PURE__ */ jsx38("div", { role: "cell", "aria-colindex": 1, "aria-label": "\uB370\uC774\uD130 \uB85C\uB4DC \uC911", children: /* @__PURE__ */ jsx38("span", { role: "status", className: "sr-only", children: "\uB370\uC774\uD130 \uB85C\uB4DC \uC911" }) }) }),
+      Array.from({ length: count }, (_, rowIndex) => /* @__PURE__ */ jsxs34(
         "div",
         {
           "data-slot": "data-table-skeleton-row",
           className: "grid min-h-[48px] items-center border-t border-[var(--border-subtle)]",
           style: { gridTemplateColumns },
           children: [
-            selectable ? /* @__PURE__ */ jsx37("div", { "aria-hidden": "true", className: "px-[var(--space-4)]" }) : null,
-            columns.map((column, columnIndex) => /* @__PURE__ */ jsx37("div", { className: "px-[var(--space-4)] py-[var(--space-2)]", children: /* @__PURE__ */ jsx37(
+            selectable ? /* @__PURE__ */ jsx38("div", { "aria-hidden": "true", className: "px-[var(--space-4)]" }) : null,
+            columns.map((column, columnIndex) => /* @__PURE__ */ jsx38("div", { className: "px-[var(--space-4)] py-[var(--space-2)]", children: /* @__PURE__ */ jsx38(
               "div",
               {
                 className: cn(
@@ -6826,24 +7033,25 @@ function SkeletonRows({
   );
 }
 function MobileSkeletonCards({ count }) {
-  return /* @__PURE__ */ jsx37("div", { "data-slot": "data-table-mobile-skeleton", "aria-label": "\uB370\uC774\uD130 \uB85C\uB4DC \uC911", role: "status", children: Array.from({ length: count }, (_, rowIndex) => /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsx38("div", { "data-slot": "data-table-mobile-skeleton", "aria-label": "\uB370\uC774\uD130 \uB85C\uB4DC \uC911", role: "status", children: Array.from({ length: count }, (_, rowIndex) => /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "data-table-mobile-skeleton-card",
       className: "flex flex-col gap-[var(--space-2)] border-t border-[var(--border-subtle)] px-[var(--space-4)] py-[var(--space-4)]",
       children: [
-        /* @__PURE__ */ jsx37("div", { className: "h-[14px] w-[72%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" }),
-        /* @__PURE__ */ jsx37("div", { className: "h-[12px] w-[56%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" }),
-        /* @__PURE__ */ jsx37("div", { className: "h-[12px] w-[64%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" })
+        /* @__PURE__ */ jsx38("div", { className: "h-[14px] w-[72%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" }),
+        /* @__PURE__ */ jsx38("div", { className: "h-[12px] w-[56%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" }),
+        /* @__PURE__ */ jsx38("div", { className: "h-[12px] w-[64%] animate-pulse rounded-[var(--radius-sm)] bg-[var(--bg-inset)]" })
       ]
     },
     rowIndex
   )) });
 }
 var rowLinkHostClass = "relative [&_:is(a,button,input,select,textarea,label,[role=button],[role=checkbox]):not([data-slot=data-table-row-link])]:relative [&_:is(a,button,input,select,textarea,label,[role=button],[role=checkbox]):not([data-slot=data-table-row-link])]:z-[1]";
+var fallbackFocusClass = "focus-visible:outline-none focus-visible:inset-ring-2 focus-visible:inset-ring-[var(--focus-ring)]";
 var rowLinkClass = cn(
   "text-inherit no-underline outline-none after:absolute after:inset-0 after:content-['']",
-  "focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--focus-ring)]"
+  "focus-visible:after:inset-ring-2 focus-visible:after:inset-ring-[var(--focus-ring)]"
 );
 var expandedPanelClass = cn(
   "grid grid-rows-[0fr] invisible data-[state=open]:grid-rows-[1fr] data-[state=open]:visible",
@@ -6883,6 +7091,7 @@ function DataTableRowView({
   columns,
   selectable,
   selected,
+  selectionBlocked,
   visuallySelected,
   href,
   activatable,
@@ -6891,13 +7100,15 @@ function DataTableRowView({
   onActivate,
   onRowContextMenu,
   expand,
+  rowActions,
+  getRowActionsLabel,
   gridTemplateColumns,
   ariaRowIndex
 }) {
   const linked = Boolean(LinkComponent && href);
   const handlers = useActivationHandlers({ row, href, activatable, onActivate });
   const opened = useOpenedOnce(expand?.expanded ?? false);
-  const dataRow = /* @__PURE__ */ jsxs33(
+  const dataRow = /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "data-table-row",
@@ -6917,26 +7128,26 @@ function DataTableRowView({
       } : handlers.onClick,
       onKeyDown: handlers.onKeyDown,
       children: [
-        selectable ? /* @__PURE__ */ jsx37("div", { role: "cell", className: "px-[var(--space-4)]", children: /* @__PURE__ */ jsx37(RowCheckbox, { row, rowId, columns, selected, onToggle }) }) : null,
+        selectable ? /* @__PURE__ */ jsx38("div", { role: "cell", className: "px-[var(--space-4)]", children: /* @__PURE__ */ jsx38(RowCheckbox, { row, rowId, columns, selected, selectionBlocked, onToggle }) }) : null,
         columns.map((column, columnIndex) => {
           const align = column.align ?? "left";
           const content = getRenderedCell(row, column);
-          return /* @__PURE__ */ jsx37(
+          return /* @__PURE__ */ jsx38(
             "div",
             {
               "data-slot": "data-table-cell",
               role: "cell",
               className: cn(
-                "flex min-w-0 items-center px-[var(--space-4)] py-[var(--space-2)]",
+                "flex min-w-0 items-center overflow-clip px-[var(--space-4)] py-[var(--space-2)]",
                 alignmentClass[align],
                 column.tabular ? "font-[family-name:var(--font-display)] tabular-nums" : null
               ),
-              children: /* @__PURE__ */ jsx37("span", { className: "min-w-0 truncate", children: linked && columnIndex === 0 && LinkComponent ? /* @__PURE__ */ jsx37(LinkComponent, { href, "data-slot": "data-table-row-link", className: rowLinkClass, children: content }) : content })
+              children: /* @__PURE__ */ jsx38("span", { className: column.wrap ? "min-w-0 break-keep [overflow-wrap:anywhere]" : "min-w-0 truncate", children: linked && columnIndex === 0 && LinkComponent ? /* @__PURE__ */ jsx38(LinkComponent, { href, "data-slot": "data-table-row-link", className: rowLinkClass, children: content }) : content })
             },
             column.key
           );
         }),
-        expand ? /* @__PURE__ */ jsx37("div", { role: "cell", "data-slot": "data-table-expand-cell", className: "flex items-center justify-end pr-[var(--space-2)]", children: /* @__PURE__ */ jsx37(
+        expand ? /* @__PURE__ */ jsx38("div", { role: "cell", "data-slot": "data-table-expand-cell", className: "flex items-center justify-end pr-[var(--space-2)]", children: /* @__PURE__ */ jsx38(
           IconButton,
           {
             icon: ChevronRight3,
@@ -6952,16 +7163,17 @@ function DataTableRowView({
             ),
             onClick: () => expand.onToggle(rowId)
           }
-        ) }) : null
+        ) }) : null,
+        rowActions && getRowActionsLabel ? /* @__PURE__ */ jsx38(RowActionsCell, { row, rowId, rowActions, getRowActionsLabel }) : null
       ]
     }
   );
   if (!expand) {
     return dataRow;
   }
-  return /* @__PURE__ */ jsxs33(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs34(Fragment16, { children: [
     dataRow,
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         role: "row",
@@ -6969,12 +7181,12 @@ function DataTableRowView({
         "data-row-id": rowId,
         "data-state": expand.expanded ? "open" : "closed",
         className: expandedPanelClass,
-        children: /* @__PURE__ */ jsx37(
+        children: /* @__PURE__ */ jsx38(
           "div",
           {
             role: "cell",
             id: expand.panelId,
-            "aria-colspan": columns.length + (selectable ? 2 : 1),
+            "aria-colspan": columns.length + (selectable ? 2 : 1) + (rowActions ? 1 : 0),
             className: "min-h-0 min-w-0 overflow-hidden",
             children: opened ? expand.render(row) : null
           }
@@ -6989,6 +7201,7 @@ function DataTableMobileCardView({
   columns,
   selectable,
   selected,
+  selectionBlocked,
   visuallySelected,
   href,
   activatable,
@@ -6997,6 +7210,8 @@ function DataTableMobileCardView({
   onActivate,
   onRowContextMenu,
   expand,
+  rowActions,
+  getRowActionsLabel,
   getMobileCardContent,
   ariaPosInSet,
   ariaSetSize,
@@ -7004,15 +7219,21 @@ function DataTableMobileCardView({
 }) {
   const linked = Boolean(LinkComponent && href);
   const content = getMobileCardContent(row);
+  let actions = content.actions;
+  if (rowActions && getRowActionsLabel) {
+    if (content.actions) warnCardActionsOnce();
+    const items = toActionItems(rowActions(row));
+    actions = items.length > 0 ? { items, label: getRowActionsLabel(row) } : void 0;
+  }
   const navigable = linked || activatable;
   const opened = useOpenedOnce(expand?.expanded ?? false);
-  const leading = selectable || content.leading != null ? /* @__PURE__ */ jsxs33("span", { className: "flex items-center gap-[var(--space-2)]", children: [
-    selectable ? /* @__PURE__ */ jsx37(RowCheckbox, { row, rowId, columns, selected, onToggle }) : null,
+  const leading = selectable || content.leading != null ? /* @__PURE__ */ jsxs34("span", { className: "flex items-center gap-[var(--space-2)]", children: [
+    selectable ? /* @__PURE__ */ jsx38(RowCheckbox, { row, rowId, columns, selected, selectionBlocked, onToggle }) : null,
     content.leading
   ] }) : void 0;
   let title = content.title;
   if (expand) {
-    title = /* @__PURE__ */ jsx37(
+    title = /* @__PURE__ */ jsx38(
       "button",
       {
         type: "button",
@@ -7022,24 +7243,24 @@ function DataTableMobileCardView({
         "aria-controls": expand.panelId,
         className: cn(rowLinkClass, "block w-full text-left"),
         onClick: () => expand.onToggle(rowId),
-        children: /* @__PURE__ */ jsx37("span", { className: "line-clamp-2", children: content.title })
+        children: /* @__PURE__ */ jsx38("span", { className: "line-clamp-2", children: content.title })
       }
     );
   } else if (linked && LinkComponent) {
-    title = /* @__PURE__ */ jsx37(LinkComponent, { href, "data-slot": "data-table-row-link", className: rowLinkClass, children: content.title });
+    title = /* @__PURE__ */ jsx38(LinkComponent, { href, "data-slot": "data-table-row-link", className: rowLinkClass, children: content.title });
   } else if (activatable) {
-    title = /* @__PURE__ */ jsx37(
+    title = /* @__PURE__ */ jsx38(
       "button",
       {
         type: "button",
         "data-slot": "data-table-row-link",
         className: cn(rowLinkClass, "block w-full text-left"),
         onClick: (event) => onActivate(row, href, event),
-        children: /* @__PURE__ */ jsx37("span", { className: "line-clamp-2", children: content.title })
+        children: /* @__PURE__ */ jsx38("span", { className: "line-clamp-2", children: content.title })
       }
     );
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "data-table-mobile-card",
@@ -7058,7 +7279,7 @@ function DataTableMobileCardView({
       ),
       onContextMenu: (event) => onRowContextMenu?.(rowId, event),
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           ListCard,
           {
             className: cn(
@@ -7071,7 +7292,7 @@ function DataTableMobileCardView({
             caption: content.date,
             value: content.value,
             leading,
-            trailing: expand ? /* @__PURE__ */ jsx37(
+            trailing: expand ? /* @__PURE__ */ jsx38(
               ChevronRight3,
               {
                 "aria-hidden": true,
@@ -7079,17 +7300,17 @@ function DataTableMobileCardView({
                 className: cn("block size-[var(--space-4)] shrink-0 text-text-tertiary data-[state=open]:rotate-90", expandChevronClass)
               }
             ) : navigable ? "chevron" : "none",
-            actions: content.actions
+            actions
           }
         ),
-        expand ? /* @__PURE__ */ jsx37(
+        expand ? /* @__PURE__ */ jsx38(
           "div",
           {
             id: expand.panelId,
             "data-slot": "data-table-expanded",
             "data-state": expand.expanded ? "open" : "closed",
             className: expandedPanelClass,
-            children: /* @__PURE__ */ jsx37("div", { className: "min-h-0 min-w-0 overflow-hidden", children: opened ? expand.render(row) : null })
+            children: /* @__PURE__ */ jsx38("div", { className: "min-h-0 min-w-0 overflow-hidden", children: opened ? expand.render(row) : null })
           }
         ) : null
       ]
@@ -7418,6 +7639,7 @@ function DataTableInner({
   keyField,
   getMobileCardContent,
   selectable = false,
+  isRowSelectable,
   selectedIds,
   onSelectionChange,
   selectionUnit = "\uAC1C",
@@ -7436,12 +7658,18 @@ function DataTableInner({
   getExpandLabel,
   expandedIds,
   onExpandedChange,
+  rowActions,
+  getRowActionsLabel,
   skeletonRowCount = 8,
+  footer,
   "aria-label": ariaLabel = "\uB370\uC774\uD130 \uD14C\uC774\uBE14",
   ...props
 }, ref) {
   const virtualOptions = virtual ? virtual === true ? {} : virtual : null;
   const isVirtual = virtualOptions !== null;
+  if (isVirtual && columns.some((column) => column.wrap)) {
+    warnWrapVirtualOnce();
+  }
   const rootRef = React33.useRef(null);
   const desktopRef = React33.useRef(null);
   const headerRef = React33.useRef(null);
@@ -7478,13 +7706,19 @@ function DataTableInner({
       mobile: () => mobileListRef.current ?? mobileRef.current
     }
   });
+  const blockedIds = new Set(
+    selectable && isRowSelectable ? data.filter((row) => !isRowSelectable(row)).map((row) => getRowId(row, keyField)) : []
+  );
+  const selectableRowIds = rowIds.filter((id) => !blockedIds.has(id));
   const resolvedSelectedIds = selectedIds ?? /* @__PURE__ */ new Set();
-  const selectedCount = rowIds.filter((id) => resolvedSelectedIds.has(id)).length;
-  const allVisibleRowsSelected = rowIds.length > 0 && selectedCount === rowIds.length;
+  const selectedCount = selectableRowIds.filter((id) => resolvedSelectedIds.has(id)).length;
+  const allVisibleRowsSelected = selectableRowIds.length > 0 && selectedCount === selectableRowIds.length;
   const partiallySelected = selectedCount > 0 && !allVisibleRowsSelected;
   const selectAllChecked = partiallySelected ? "indeterminate" : allVisibleRowsSelected;
+  const selectAllDisabled = selectableRowIds.length === 0;
   const expandable = renderExpanded != null;
-  const gridTemplateColumns = getGridTemplate(columns, selectable, expandable);
+  const hasRowActions = rowActions != null;
+  const gridTemplateColumns = getGridTemplate(columns, selectable, expandable, hasRowActions);
   const panelIdBase = React33.useId();
   const [ownExpandedIds, setOwnExpandedIds] = React33.useState(() => /* @__PURE__ */ new Set());
   const resolvedExpandedIds = expandedIds ?? ownExpandedIds;
@@ -7501,18 +7735,22 @@ function DataTableInner({
     onExpandedChange?.(nextIds);
   };
   const emitSelection = (nextIds) => {
+    blockedIds.forEach((id) => nextIds.delete(id));
     onSelectionChange?.(nextIds);
   };
   const toggleAllRows = (checked) => {
     const nextIds = new Set(resolvedSelectedIds);
     if (checked) {
-      rowIds.forEach((id) => nextIds.add(id));
+      selectableRowIds.forEach((id) => nextIds.add(id));
     } else {
-      rowIds.forEach((id) => nextIds.delete(id));
+      selectableRowIds.forEach((id) => nextIds.delete(id));
     }
     emitSelection(nextIds);
   };
   const toggleRow = (id, checked) => {
+    if (blockedIds.has(id)) {
+      return;
+    }
     const nextIds = new Set(resolvedSelectedIds);
     if (checked) {
       nextIds.add(id);
@@ -7528,9 +7766,44 @@ function DataTableInner({
       window.location.assign(href);
     }
   };
-  const latestHandlers = React33.useRef({ toggleRow, activateRow, onRowContextMenu });
+  const [contextMenu, setContextMenu] = React33.useState(null);
+  const contextMenuKey = React33.useRef(0);
+  const contextRow = contextMenu ? data.find((item) => getRowId(item, keyField) === contextMenu.rowId) : void 0;
+  const contextActions = contextRow && rowActions ? rowActions(contextRow) : [];
+  const contextGroups = countActions(contextActions) > 0 ? toActionGroups(contextActions) : null;
+  const openRowContextMenu = (rowId, event) => {
+    const row = data.find((item) => getRowId(item, keyField) === rowId);
+    const actions = row && rowActions ? rowActions(row) : [];
+    if (countActions(actions) === 0) {
+      return;
+    }
+    event.preventDefault();
+    contextMenuKey.current += 1;
+    setContextMenu({ rowId, position: { x: event.clientX, y: event.clientY }, key: contextMenuKey.current });
+  };
+  const closeRowContextMenu = (item, outside) => {
+    const rowId = contextMenu?.rowId;
+    if (rowId !== void 0 && (item || !outside)) {
+      const list = desktopListRef.current;
+      const row = Array.from(list?.querySelectorAll('[data-slot="data-table-row"]') ?? []).find(
+        (node) => node.getAttribute("data-row-id") === rowId
+      );
+      const trigger = row?.querySelector('[data-slot="data-table-row-actions"] button');
+      const target = trigger ?? (row?.hasAttribute("tabindex") ? row : null) ?? list ?? desktopRef.current;
+      if (target) {
+        if (!target.hasAttribute("tabindex") && !target.matches("a[href],button,input")) {
+          target.tabIndex = -1;
+        }
+        target.focus({ preventScroll: true });
+      }
+    }
+    setContextMenu(null);
+    item?.onSelect();
+  };
+  const handleRowContextMenu = rowActions ? openRowContextMenu : onRowContextMenu;
+  const latestHandlers = React33.useRef({ toggleRow, activateRow, onRowContextMenu, handleRowContextMenu });
   useIsomorphicLayoutEffect(() => {
-    latestHandlers.current = { toggleRow, activateRow, onRowContextMenu };
+    latestHandlers.current = { toggleRow, activateRow, onRowContextMenu, handleRowContextMenu };
   });
   const stableToggleRow = React33.useCallback(
     (id, checked) => latestHandlers.current.toggleRow(id, checked),
@@ -7544,9 +7817,14 @@ function DataTableInner({
     (rowId, event) => latestHandlers.current.onRowContextMenu?.(rowId, event),
     []
   );
+  const stableHandleRowContextMenu = React33.useCallback(
+    (rowId, event) => latestHandlers.current.handleRowContextMenu?.(rowId, event),
+    []
+  );
   const getItemProps = (row, layout, index) => {
     const rowId = getRowId(row, keyField);
-    const selected = resolvedSelectedIds.has(rowId);
+    const selectionBlocked = blockedIds.has(rowId);
+    const selected = !selectionBlocked && resolvedSelectedIds.has(rowId);
     const href = rowHref?.(row);
     const linked = Boolean(linkComponent && href);
     return {
@@ -7555,13 +7833,16 @@ function DataTableInner({
       columns,
       selectable,
       selected,
-      visuallySelected: selected || rowId === activeRowId,
+      selectionBlocked,
+      visuallySelected: selected || rowId === activeRowId || rowId === contextMenu?.rowId,
       href,
       activatable: !linked && Boolean(href || onRowClick),
       LinkComponent: linkComponent,
       onToggle: isVirtual ? stableToggleRow : toggleRow,
       onActivate: isVirtual ? stableActivateRow : activateRow,
-      onRowContextMenu: isVirtual ? stableRowContextMenu : onRowContextMenu,
+      onRowContextMenu: layout === "desktop" ? isVirtual ? stableHandleRowContextMenu : handleRowContextMenu : isVirtual ? stableRowContextMenu : onRowContextMenu,
+      rowActions,
+      getRowActionsLabel,
       expand: renderExpanded && getExpandLabel ? {
         expanded: resolvedExpandedIds.has(rowId),
         label: getExpandLabel(row),
@@ -7599,7 +7880,7 @@ function DataTableInner({
   const mobileSlice = sliceFor("mobile");
   const RowComponent = isVirtual ? MemoDataTableRow : DataTableRowView;
   const CardComponent = isVirtual ? MemoDataTableMobileCard : DataTableMobileCardView;
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ref: setRootRef,
@@ -7613,7 +7894,7 @@ function DataTableInner({
       ),
       ...props,
       children: [
-        selectable && announceSelection ? /* @__PURE__ */ jsx37(
+        selectable && announceSelection ? /* @__PURE__ */ jsx38(
           "div",
           {
             "data-slot": "data-table-selection-status",
@@ -7622,30 +7903,30 @@ function DataTableInner({
             children: selectedCount > 0 ? `${selectedCount.toLocaleString("ko-KR")}${selectionUnit} \uC120\uD0DD\uB428` : ""
           }
         ) : null,
-        loading && data.length > 0 ? /* @__PURE__ */ jsx37(
+        loading && data.length > 0 ? /* @__PURE__ */ jsx38(
           "div",
           {
             "data-slot": "data-table-progress",
             "aria-hidden": "true",
             className: "absolute left-0 right-0 top-0 z-10 h-[2px] overflow-hidden bg-[var(--action-selected)]",
-            children: /* @__PURE__ */ jsx37("div", { className: "h-full w-1/3 animate-pulse bg-[var(--primary)]" })
+            children: /* @__PURE__ */ jsx38("div", { className: "h-full w-1/3 animate-pulse bg-[var(--primary)]" })
           }
         ) : null,
-        /* @__PURE__ */ jsx37("div", { ref: desktopRef, "data-slot": "data-table-desktop", className: "max-lg:hidden lg:block", children: /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsx38("div", { ref: desktopRef, "data-slot": "data-table-desktop", className: cn("max-lg:hidden lg:block", fallbackFocusClass), children: /* @__PURE__ */ jsxs34(
           "div",
           {
             role: "table",
             "aria-label": ariaLabel,
             "aria-rowcount": isVirtual && data.length > 0 ? data.length + 1 : void 0,
             children: [
-              /* @__PURE__ */ jsxs33(
+              /* @__PURE__ */ jsxs34(
                 "div",
                 {
                   ref: headerRef,
                   "data-slot": "data-table-header",
                   role: "row",
                   className: cn(
-                    "grid min-h-[40px] items-center bg-[var(--bg-raised)] text-[12px] font-semibold uppercase leading-snug text-text-tertiary",
+                    "grid min-h-[40px] items-center bg-[var(--bg-raised)] text-[12px] font-semibold leading-snug text-text-tertiary",
                     // Virtual lists are long: the header sticks inside the scroll container,
                     // below an inline BulkActionBar band (40px, --z-sticky) rendered before
                     // the table — band on top, header under it, rows beneath both.
@@ -7653,12 +7934,12 @@ function DataTableInner({
                   ),
                   style: { gridTemplateColumns },
                   children: [
-                    selectable ? /* @__PURE__ */ jsx37("div", { role: "columnheader", className: "px-[var(--space-4)]", children: /* @__PURE__ */ jsx37(SelectAllCheckbox, { checked: selectAllChecked, onToggleAll: toggleAllRows }) }) : null,
+                    selectable ? /* @__PURE__ */ jsx38("div", { role: "columnheader", className: "px-[var(--space-4)]", children: /* @__PURE__ */ jsx38(SelectAllCheckbox, { checked: selectAllChecked, disabled: selectAllDisabled, onToggleAll: toggleAllRows }) }) : null,
                     columns.map((column) => {
                       const align = column.align ?? "left";
                       const nextSort = getNextSort(sortBy, column.key);
                       const ariaSort = sortBy?.key === column.key ? sortBy.dir === "asc" ? "ascending" : "descending" : void 0;
-                      return /* @__PURE__ */ jsx37(
+                      return /* @__PURE__ */ jsx38(
                         "div",
                         {
                           role: "columnheader",
@@ -7667,7 +7948,7 @@ function DataTableInner({
                             "flex min-w-0 items-center gap-[var(--space-1)] px-[var(--space-4)] py-[var(--space-2)]",
                             alignmentClass[align]
                           ),
-                          children: column.sortable ? /* @__PURE__ */ jsxs33(
+                          children: column.sortable ? /* @__PURE__ */ jsxs34(
                             "button",
                             {
                               type: "button",
@@ -7678,20 +7959,21 @@ function DataTableInner({
                               ),
                               onClick: () => onSortChange?.(column.key, nextSort),
                               children: [
-                                /* @__PURE__ */ jsx37("span", { className: "truncate", children: column.header }),
-                                /* @__PURE__ */ jsx37(SortIcon, { sort: sortBy, columnKey: column.key })
+                                /* @__PURE__ */ jsx38("span", { className: column.hideHeader ? "sr-only" : "truncate", children: column.header }),
+                                /* @__PURE__ */ jsx38(SortIcon, { sort: sortBy, columnKey: column.key })
                               ]
                             }
-                          ) : /* @__PURE__ */ jsx37("span", { className: "truncate", children: column.header })
+                          ) : /* @__PURE__ */ jsx38("span", { className: column.hideHeader ? "sr-only" : "truncate", children: column.header })
                         },
                         column.key
                       );
                     }),
-                    expandable ? /* @__PURE__ */ jsx37("div", { role: "cell" }) : null
+                    expandable ? /* @__PURE__ */ jsx38("div", { role: "cell" }) : null,
+                    hasRowActions ? /* @__PURE__ */ jsx38("div", { role: "cell" }) : null
                   ]
                 }
               ),
-              loading && data.length === 0 ? /* @__PURE__ */ jsx37(
+              loading && data.length === 0 ? /* @__PURE__ */ jsx38(
                 SkeletonRows,
                 {
                   columns,
@@ -7702,7 +7984,7 @@ function DataTableInner({
               ) : data.length === 0 ? (
                 /* role="table" 직계 자식은 row/rowgroup이어야 한다. data-slot과 테두리는
                    그대로 유지해 시각 계약을 깨지 않는다(빈 상태에서도 표가 테두리를 그린다). */
-                /* @__PURE__ */ jsx37("div", { role: "rowgroup", children: /* @__PURE__ */ jsx37("div", { role: "row", children: /* @__PURE__ */ jsx37(
+                /* @__PURE__ */ jsx38("div", { role: "rowgroup", children: /* @__PURE__ */ jsx38("div", { role: "row", children: /* @__PURE__ */ jsx38(
                   "div",
                   {
                     role: "cell",
@@ -7712,9 +7994,9 @@ function DataTableInner({
                     children: emptyState
                   }
                 ) }) })
-              ) : /* @__PURE__ */ jsx37("div", { ref: desktopListRef, role: "rowgroup", style: desktopSlice.style, children: desktopSlice.rows.map((row, index) => {
+              ) : /* @__PURE__ */ jsx38("div", { ref: desktopListRef, role: "rowgroup", className: fallbackFocusClass, style: desktopSlice.style, children: desktopSlice.rows.map((row, index) => {
                 const itemProps = getItemProps(row, "desktop", desktopSlice.start + index);
-                return /* @__PURE__ */ jsx37(
+                return /* @__PURE__ */ jsx38(
                   RowComponent,
                   {
                     ...itemProps,
@@ -7727,8 +8009,8 @@ function DataTableInner({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs33("div", { ref: mobileRef, "data-slot": "data-table-mobile", className: "lg:hidden", children: [
-          /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsxs34("div", { ref: mobileRef, "data-slot": "data-table-mobile", className: "lg:hidden", children: [
+          /* @__PURE__ */ jsx38(
             MobileToolbar,
             {
               columns,
@@ -7736,10 +8018,11 @@ function DataTableInner({
               onSortChange,
               selectable,
               selectAllChecked,
+              selectAllDisabled,
               onToggleAll: toggleAllRows
             }
           ),
-          loading && data.length === 0 ? /* @__PURE__ */ jsx37(MobileSkeletonCards, { count: skeletonRowCount }) : data.length === 0 ? /* @__PURE__ */ jsx37("div", { "data-slot": "data-table-mobile-empty", className: "border-t border-[var(--border-subtle)] p-[var(--space-4)]", children: emptyState }) : /* @__PURE__ */ jsx37(
+          loading && data.length === 0 ? /* @__PURE__ */ jsx38(MobileSkeletonCards, { count: skeletonRowCount }) : data.length === 0 ? /* @__PURE__ */ jsx38("div", { "data-slot": "data-table-mobile-empty", className: "border-t border-[var(--border-subtle)] p-[var(--space-4)]", children: emptyState }) : /* @__PURE__ */ jsx38(
             "div",
             {
               ref: mobileListRef,
@@ -7750,7 +8033,7 @@ function DataTableInner({
               children: mobileSlice.rows.map((row, index) => {
                 const rowIndex = mobileSlice.start + index;
                 const itemProps = getItemProps(row, "mobile", rowIndex);
-                return /* @__PURE__ */ jsx37(
+                return /* @__PURE__ */ jsx38(
                   CardComponent,
                   {
                     ...itemProps,
@@ -7764,7 +8047,17 @@ function DataTableInner({
               })
             }
           )
-        ] })
+        ] }),
+        footer != null ? /* @__PURE__ */ jsx38("div", { "data-slot": "data-table-footer", className: "border-t border-[var(--border-subtle)] empty:hidden", children: footer }) : null,
+        hasRowActions ? /* @__PURE__ */ jsx38(
+          RowContextMenu,
+          {
+            openKey: contextMenu?.key ?? null,
+            position: contextMenu?.position ?? null,
+            groups: contextGroups,
+            onClose: closeRowContextMenu
+          }
+        ) : null
       ]
     }
   );
@@ -7772,40 +8065,9 @@ function DataTableInner({
 var DataTable = React33.forwardRef(DataTableInner);
 DataTable.displayName = "DataTable";
 
-// src/components/ui/context-menu.tsx
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
-function ContextMenu({
-  open,
-  onOpenChange,
-  position,
-  children,
-  contentProps
-}) {
-  if (!position) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs34(DropdownMenu, { open, onOpenChange, modal: false, children: [
-    /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
-      "span",
-      {
-        "aria-hidden": "true",
-        "data-slot": "context-menu-anchor",
-        style: {
-          position: "fixed",
-          left: position.x,
-          top: position.y,
-          width: 0,
-          height: 0
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx38(DropdownMenuContent, { ...contentProps, children })
-  ] });
-}
-
 // src/components/ui/bulk-action-bar.tsx
 import * as React34 from "react";
-import { X as X3 } from "lucide-react";
+import { X as X4 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 function ActionButton({ action }) {
   const danger = action.variant === "destructive";
@@ -7890,7 +8152,7 @@ function ClearButton({ onClear }) {
         justifyContent: "center",
         borderRadius: "var(--radius-md)"
       },
-      children: /* @__PURE__ */ jsx39(X3, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx39(X4, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" })
     }
   );
 }
@@ -9445,9 +9707,97 @@ var Pagination = React43.forwardRef(
 );
 Pagination.displayName = "Pagination";
 
+// src/components/ui/table-pagination.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5 } from "lucide-react";
+import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+var TABLE_PAGE_SIZE_OPTIONS = [20, 50, 100];
+function shouldHideTablePagination({
+  rangeEnd,
+  total,
+  hasPrev,
+  hasNext,
+  pageSizeOptions = TABLE_PAGE_SIZE_OPTIONS
+}) {
+  const smallest = Math.min(...pageSizeOptions);
+  if (total !== void 0) return total <= smallest;
+  return !hasPrev && !hasNext && rangeEnd <= smallest;
+}
+var formatCount = (value) => value.toLocaleString("ko-KR");
+function TablePagination({
+  pageSize,
+  onPageSizeChange,
+  pageSizeOptions = TABLE_PAGE_SIZE_OPTIONS,
+  rangeStart,
+  rangeEnd,
+  total,
+  unit = "\uAC1C",
+  hasPrev,
+  hasNext,
+  onPrev,
+  onNext,
+  loading = false,
+  "aria-label": ariaLabel = "\uD398\uC774\uC9C0\uB124\uC774\uC158"
+}) {
+  if (shouldHideTablePagination({ rangeEnd, total, hasPrev, hasNext, pageSizeOptions })) return null;
+  return /* @__PURE__ */ jsxs43(
+    "nav",
+    {
+      "data-slot": "table-pagination",
+      "aria-label": ariaLabel,
+      className: "@container flex min-h-[48px] items-center justify-between gap-[var(--space-3)] px-[var(--space-4)] text-sm text-text-secondary",
+      children: [
+        /* @__PURE__ */ jsx55(
+          PageSizeSelect,
+          {
+            value: pageSize,
+            onChange: onPageSizeChange,
+            options: pageSizeOptions,
+            size: "compact",
+            className: "shrink-0 max-lg:[&>span:first-child]:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsxs43("div", { className: "flex min-w-0 items-center gap-[var(--space-2)]", children: [
+          /* @__PURE__ */ jsxs43("span", { "data-slot": "table-pagination-range", className: "whitespace-nowrap tabular-nums", children: [
+            /* @__PURE__ */ jsxs43("span", { className: "font-medium text-text-primary", children: [
+              formatCount(rangeStart),
+              "\u2013",
+              formatCount(rangeEnd)
+            ] }),
+            total !== void 0 ? /* @__PURE__ */ jsx55("span", { "data-slot": "table-pagination-total", className: "text-text-tertiary @max-[400px]:hidden", children: ` / \uCD1D ${formatCount(total)}${unit}` }) : null
+          ] }),
+          /* @__PURE__ */ jsxs43("div", { className: "flex shrink-0 items-center gap-[var(--space-1)]", children: [
+            /* @__PURE__ */ jsx55(
+              IconButton,
+              {
+                icon: ChevronLeft2,
+                "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0",
+                appearance: "outline",
+                tone: "neutral",
+                disabled: loading || !hasPrev,
+                onClick: onPrev
+              }
+            ),
+            /* @__PURE__ */ jsx55(
+              IconButton,
+              {
+                icon: ChevronRight5,
+                "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0",
+                appearance: "outline",
+                tone: "neutral",
+                disabled: loading || !hasNext,
+                onClick: onNext
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/components/ui/mode-toggle.tsx
 import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 var modeToggleVariants = cva19(
   [
     "inline-flex items-center rounded-[var(--radius-md)] border border-[var(--border-subtle)]",
@@ -9478,7 +9828,7 @@ function ModeToggle({
   onChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       role: "group",
@@ -9488,7 +9838,7 @@ function ModeToggle({
       children: options.map((option) => {
         const Icon = option.icon;
         const isActive = option.value === value;
-        return /* @__PURE__ */ jsxs43(
+        return /* @__PURE__ */ jsxs44(
           "button",
           {
             type: "button",
@@ -9504,8 +9854,8 @@ function ModeToggle({
               }
             },
             children: [
-              Icon ? /* @__PURE__ */ jsx55(Icon, { "aria-hidden": "true", "data-slot": "mode-toggle-icon" }) : null,
-              /* @__PURE__ */ jsx55("span", { children: option.label })
+              Icon ? /* @__PURE__ */ jsx56(Icon, { "aria-hidden": "true", "data-slot": "mode-toggle-icon" }) : null,
+              /* @__PURE__ */ jsx56("span", { children: option.label })
             ]
           },
           option.value
@@ -9518,7 +9868,7 @@ function ModeToggle({
 // src/components/ui/action-footer.tsx
 import * as React44 from "react";
 import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var actionFooterVariants = cva20(
   [
     // Below sm: two fixed rows — destructive actions (start) and status (end) on top, the main
@@ -9602,7 +9952,7 @@ function renderAction(action, className) {
   };
   const style = actionStyle(action);
   if (action.leadingIcon) {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       IconButton,
       {
         ...common,
@@ -9615,7 +9965,7 @@ function renderAction(action, className) {
       key
     );
   }
-  return /* @__PURE__ */ jsx56(Button, { ...common, ...style, size: "lg", loading: action.loading, children: action.label }, key);
+  return /* @__PURE__ */ jsx57(Button, { ...common, ...style, size: "lg", loading: action.loading, children: action.label }, key);
 }
 var ActionFooter = React44.forwardRef(
   ({
@@ -9630,7 +9980,7 @@ var ActionFooter = React44.forwardRef(
     const visibleActions = actions.filter((action) => canRenderAction(action, permissions));
     const destructiveActions = visibleActions.filter(isDestructive);
     const mainActions = sortMainActions(visibleActions.filter((action) => !isDestructive(action)));
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs45(
       "div",
       {
         ref,
@@ -9639,7 +9989,7 @@ var ActionFooter = React44.forwardRef(
         className: cn(actionFooterVariants({ position, surface, className })),
         ...props,
         children: [
-          destructiveActions.length > 0 ? /* @__PURE__ */ jsx56(
+          destructiveActions.length > 0 ? /* @__PURE__ */ jsx57(
             "div",
             {
               "data-slot": "action-footer-destructive-actions",
@@ -9647,7 +9997,7 @@ var ActionFooter = React44.forwardRef(
               children: destructiveActions.map((action) => renderAction(action))
             }
           ) : null,
-          status ? /* @__PURE__ */ jsxs44(
+          status ? /* @__PURE__ */ jsxs45(
             "div",
             {
               "data-slot": "action-footer-status",
@@ -9655,7 +10005,7 @@ var ActionFooter = React44.forwardRef(
               "aria-live": "polite",
               className: cn(actionFooterStatusVariants({ kind: status.kind })),
               children: [
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -9663,11 +10013,11 @@ var ActionFooter = React44.forwardRef(
                     className: "size-[6px] shrink-0 rounded-[var(--radius-full)]"
                   }
                 ),
-                /* @__PURE__ */ jsx56("span", { className: "truncate", children: getStatusLabel(status) })
+                /* @__PURE__ */ jsx57("span", { className: "truncate", children: getStatusLabel(status) })
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "div",
             {
               "data-slot": "action-footer-main-actions",
@@ -9689,7 +10039,7 @@ ActionFooter.displayName = "ActionFooter";
 // src/components/ui/toast.tsx
 import * as React45 from "react";
 import { cva as cva21 } from "class-variance-authority";
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var DOT3 = {
   default: "var(--neutral)",
   success: "var(--success)",
@@ -9836,7 +10186,7 @@ var ToastRoot = React45.forwardRef(
         timerRef.current = null;
       };
     }, [durationMs]);
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs46(
       "div",
       {
         ref,
@@ -9864,7 +10214,7 @@ var ToastRoot = React45.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "span",
             {
               "aria-hidden": "true",
@@ -9873,8 +10223,8 @@ var ToastRoot = React45.forwardRef(
               style: { background: DOT3[variant] ?? DOT3.default }
             }
           ),
-          /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-body", className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsxs46("div", { "data-slot": "toast-body", className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx58(
               "div",
               {
                 "data-slot": "toast-message",
@@ -9882,7 +10232,7 @@ var ToastRoot = React45.forwardRef(
                 children: message
               }
             ),
-            description ? /* @__PURE__ */ jsx57(
+            description ? /* @__PURE__ */ jsx58(
               "div",
               {
                 "data-slot": "toast-description",
@@ -9891,8 +10241,8 @@ var ToastRoot = React45.forwardRef(
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-actions", className: "flex shrink-0 items-center gap-[2px]", children: [
-            action ? /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsxs46("div", { "data-slot": "toast-actions", className: "flex shrink-0 items-center gap-[2px]", children: [
+            action ? /* @__PURE__ */ jsx58(
               Button,
               {
                 "data-slot": "toast-action",
@@ -9903,7 +10253,7 @@ var ToastRoot = React45.forwardRef(
                 children: action.label
               }
             ) : null,
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx58(
               "button",
               {
                 type: "button",
@@ -9925,7 +10275,7 @@ var ToastRoot = React45.forwardRef(
   }
 );
 ToastRoot.displayName = "ToastRoot";
-var ToastViewport = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var ToastViewport = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "ol",
   {
     ref,
@@ -9943,9 +10293,9 @@ function ToastProvider({ children, maxToasts = 3, className, ...props }) {
     }),
     [maxToasts]
   );
-  return /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-provider", className, ...props, children: [
+  return /* @__PURE__ */ jsxs46("div", { "data-slot": "toast-provider", className, ...props, children: [
     children,
-    /* @__PURE__ */ jsx57(ToastViewport, { children: items.map((item) => /* @__PURE__ */ jsx57("li", { children: /* @__PURE__ */ jsx57(ToastRoot, { ...item, onClose: () => toast.dismiss(item.id) }) }, item.id)) })
+    /* @__PURE__ */ jsx58(ToastViewport, { children: items.map((item) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(ToastRoot, { ...item, onClose: () => toast.dismiss(item.id) }) }, item.id)) })
   ] });
 }
 
@@ -9953,7 +10303,7 @@ function ToastProvider({ children, maxToasts = 3, className, ...props }) {
 import * as React46 from "react";
 import { cva as cva22 } from "class-variance-authority";
 import { AlertCircle as AlertCircle4 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var otpFieldVariants = cva22("flex w-full min-w-0 flex-col gap-[var(--space-3)]", {
   variants: {
     size: {
@@ -10138,7 +10488,7 @@ var OTPField = React46.forwardRef(
       },
       [disabled, isControlled, length, onComplete, onValueChange]
     );
-    return /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs47(
       "fieldset",
       {
         ref,
@@ -10151,7 +10501,7 @@ var OTPField = React46.forwardRef(
         className: cn(otpFieldVariants({ size, className })),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs46(
+          /* @__PURE__ */ jsxs47(
             "legend",
             {
               id: labelId,
@@ -10159,11 +10509,11 @@ var OTPField = React46.forwardRef(
               className: "text-sm font-medium leading-snug text-foreground",
               children: [
                 label,
-                required ? /* @__PURE__ */ jsx58("span", { "aria-hidden": "true", className: "ml-1 font-bold text-[var(--error)]", children: "*" }) : null
+                required ? /* @__PURE__ */ jsx59("span", { "aria-hidden": "true", className: "ml-1 font-bold text-[var(--error)]", children: "*" }) : null
               ]
             }
           ),
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59(
             "div",
             {
               "data-slot": "otp-field-group",
@@ -10173,7 +10523,7 @@ var OTPField = React46.forwardRef(
               children: Array.from({ length }, (_, index) => {
                 const digit = resolvedSlots[index] ?? "";
                 const inputId = `${fieldId}-cell-${index + 1}`;
-                return /* @__PURE__ */ jsx58(
+                return /* @__PURE__ */ jsx59(
                   "input",
                   {
                     ref: (node) => {
@@ -10268,15 +10618,15 @@ var OTPField = React46.forwardRef(
               })
             }
           ),
-          helperText || errorText ? /* @__PURE__ */ jsx58(
+          helperText || errorText ? /* @__PURE__ */ jsx59(
             "p",
             {
               id: errorText ? errorId : helperId,
               "data-slot": "otp-field-message",
               "data-kind": errorText ? "error" : "helper",
               className: otpFieldMessageVariants({ state: resolvedState }),
-              children: errorText ? /* @__PURE__ */ jsxs46(Fragment16, { children: [
-                /* @__PURE__ */ jsx58(
+              children: errorText ? /* @__PURE__ */ jsxs47(Fragment17, { children: [
+                /* @__PURE__ */ jsx59(
                   AlertCircle4,
                   {
                     "aria-hidden": "true",
@@ -10284,11 +10634,11 @@ var OTPField = React46.forwardRef(
                     strokeWidth: 2
                   }
                 ),
-                /* @__PURE__ */ jsx58("span", { children: errorText })
-              ] }) : /* @__PURE__ */ jsx58("span", { children: helperText })
+                /* @__PURE__ */ jsx59("span", { children: errorText })
+              ] }) : /* @__PURE__ */ jsx59("span", { children: helperText })
             }
           ) : null,
-          name ? /* @__PURE__ */ jsx58(
+          name ? /* @__PURE__ */ jsx59(
             "input",
             {
               "aria-hidden": "true",
@@ -10310,9 +10660,9 @@ OTPField.displayName = "OTPField";
 
 // src/components/ui/search-field.tsx
 import * as React47 from "react";
-import { Search, X as X4 } from "lucide-react";
+import { Search, X as X5 } from "lucide-react";
 import { cva as cva23 } from "class-variance-authority";
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 var searchFieldVariants = cva23("relative flex w-full items-center", {
   variants: {
     size: {
@@ -10411,14 +10761,14 @@ var SearchField = React47.forwardRef(
       }
       onClear?.();
     };
-    return /* @__PURE__ */ jsxs47(
+    return /* @__PURE__ */ jsxs48(
       "div",
       {
         "data-slot": "search-field",
         "data-size": resolvedSize,
         className: cn(searchFieldVariants({ size, className })),
         children: [
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx60(
             Search,
             {
               "aria-hidden": "true",
@@ -10428,7 +10778,7 @@ var SearchField = React47.forwardRef(
               strokeWidth: resolvedSize === "sm" ? 2 : 1.75
             }
           ),
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx60(
             "input",
             {
               ref: inputRef,
@@ -10449,7 +10799,7 @@ var SearchField = React47.forwardRef(
               ...props
             }
           ),
-          showClear ? /* @__PURE__ */ jsx59(
+          showClear ? /* @__PURE__ */ jsx60(
             "button",
             {
               type: "button",
@@ -10457,7 +10807,7 @@ var SearchField = React47.forwardRef(
               "data-slot": "search-field-clear",
               className: "absolute right-[8px] top-1/2 inline-flex size-[var(--space-4)] -translate-y-1/2 cursor-pointer items-center justify-center rounded-[var(--radius-full)] text-text-tertiary transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
               onClick: clearInput,
-              children: /* @__PURE__ */ jsx59(X4, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ jsx60(X5, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
             }
           ) : null
         ]
@@ -10470,7 +10820,7 @@ SearchField.displayName = "SearchField";
 // src/components/ui/checkbox-group.tsx
 import * as React48 from "react";
 import { cva as cva24 } from "class-variance-authority";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var checkboxGroupVariants = cva24("gap-[var(--space-2)]", {
   variants: {
     appearance: {
@@ -10546,7 +10896,7 @@ var CheckboxGroup = React48.forwardRef(
       }),
       [appearance, density, disabled, name, selectedValues, toggleValue]
     );
-    return /* @__PURE__ */ jsx60(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx61(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx61(
       "div",
       {
         ref,
@@ -10574,7 +10924,7 @@ import * as React49 from "react";
 import { cva as cva25 } from "class-variance-authority";
 import { Circle } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
 var radioGroupVariants = cva25("gap-[var(--space-2)]", {
   variants: {
     appearance: {
@@ -10682,7 +11032,7 @@ var RadioGroup = React49.forwardRef(
       () => ({ appearance, density }),
       [appearance, density]
     );
-    return /* @__PURE__ */ jsx61(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsx62(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx62(
       RadioGroupPrimitive.Root,
       {
         ref,
@@ -10711,7 +11061,7 @@ var Radio = React49.forwardRef(({ className, children, description, id, ...props
   const radioId = id ?? generatedId;
   const labelId = `${radioId}-label`;
   const descriptionId = description ? `${radioId}-description` : void 0;
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -10722,24 +11072,24 @@ var Radio = React49.forwardRef(({ className, children, description, id, ...props
       className: cn(radioVariants({ appearance, density }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(
           "span",
           {
             "aria-hidden": "true",
             "data-slot": "radio-control",
             className: radioControlVariants({ appearance }),
-            children: /* @__PURE__ */ jsx61(
+            children: /* @__PURE__ */ jsx62(
               RadioGroupPrimitive.Indicator,
               {
                 "data-slot": "radio-indicator",
                 className: "flex items-center justify-center",
-                children: /* @__PURE__ */ jsx61(Circle, { "aria-hidden": "true", size: 8, fill: "currentColor" })
+                children: /* @__PURE__ */ jsx62(Circle, { "aria-hidden": "true", size: 8, fill: "currentColor" })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs48("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
-          /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsxs49("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
+          /* @__PURE__ */ jsx62(
             "span",
             {
               id: labelId,
@@ -10751,7 +11101,7 @@ var Radio = React49.forwardRef(({ className, children, description, id, ...props
               children
             }
           ),
-          description ? /* @__PURE__ */ jsx61(
+          description ? /* @__PURE__ */ jsx62(
             "span",
             {
               id: descriptionId,
@@ -10769,20 +11119,20 @@ Radio.displayName = "Radio";
 
 // src/components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -10790,8 +11140,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx62(ScrollBar, {}),
-        /* @__PURE__ */ jsx62(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx63(ScrollBar, {}),
+        /* @__PURE__ */ jsx63(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -10801,7 +11151,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -10813,7 +11163,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx62(
+      children: /* @__PURE__ */ jsx63(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -10825,7 +11175,7 @@ function ScrollBar({
 }
 
 // src/components/ui/progress.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var progressFillByStatus = {
   active: "bg-[var(--primary)]",
   success: "bg-[var(--success)]",
@@ -10846,7 +11196,7 @@ function Progress({
   const clamped = Math.max(0, Math.min(safeMax, value));
   const percent = clamped / safeMax * 100;
   const w = typeof width === "number" ? `${width}px` : width;
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       role: "progressbar",
@@ -10860,7 +11210,7 @@ function Progress({
       ),
       style: { width: w, height: `${height}px`, ...style },
       ...props,
-      children: /* @__PURE__ */ jsx63(
+      children: /* @__PURE__ */ jsx64(
         "div",
         {
           className: cn(
@@ -10876,9 +11226,9 @@ function Progress({
 
 // src/components/ui/tree-view.tsx
 import * as React50 from "react";
-import { ChevronRight as ChevronRight5 } from "lucide-react";
+import { ChevronRight as ChevronRight6 } from "lucide-react";
 import { cva as cva26 } from "class-variance-authority";
-import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
 var treeViewVariants = cva26(
   "m-0 list-none p-[var(--space-1)] text-body-sm text-foreground"
 );
@@ -10890,7 +11240,7 @@ var treeItemRowVariants = cva26(
     "hover:bg-[var(--action-hover)] hover:text-foreground",
     // Roving focus lives on the treeitem <li> (named group/treeitem); the ring is
     // painted on the visual row so it never wraps the nested child group.
-    "group-focus-visible/treeitem:outline-none group-focus-visible/treeitem:ring-2 group-focus-visible/treeitem:ring-inset group-focus-visible/treeitem:ring-[var(--focus-ring)]"
+    "group-focus-visible/treeitem:outline-none group-focus-visible/treeitem:inset-ring-2 group-focus-visible/treeitem:inset-ring-[var(--focus-ring)]"
   ].join(" "),
   {
     variants: {
@@ -11048,7 +11398,7 @@ function TreeView({
       const selected = node.id === selectedId;
       const isActive = node.id === activeId;
       const itemState = { expanded, selected, depth, hasChildren };
-      return /* @__PURE__ */ jsxs50(
+      return /* @__PURE__ */ jsxs51(
         "li",
         {
           ref: (element) => {
@@ -11073,7 +11423,7 @@ function TreeView({
             onSelect?.(node.id, node);
           },
           children: [
-            /* @__PURE__ */ jsxs50(
+            /* @__PURE__ */ jsxs51(
               "span",
               {
                 "data-slot": "treeitem-row",
@@ -11082,7 +11432,7 @@ function TreeView({
                 },
                 className: treeItemRowVariants({ selected }),
                 children: [
-                  hasChildren ? /* @__PURE__ */ jsx64(
+                  hasChildren ? /* @__PURE__ */ jsx65(
                     "span",
                     {
                       "data-slot": "treeitem-toggle",
@@ -11092,8 +11442,8 @@ function TreeView({
                         setExpanded(node.id, !expanded);
                       },
                       className: "flex size-[var(--space-4)] shrink-0 items-center justify-center text-text-tertiary",
-                      children: /* @__PURE__ */ jsx64(
-                        ChevronRight5,
+                      children: /* @__PURE__ */ jsx65(
+                        ChevronRight6,
                         {
                           "aria-hidden": "true",
                           "data-slot": "treeitem-chevron",
@@ -11105,7 +11455,7 @@ function TreeView({
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ jsx64(
+                  ) : /* @__PURE__ */ jsx65(
                     "span",
                     {
                       "data-slot": "treeitem-spacer",
@@ -11113,18 +11463,18 @@ function TreeView({
                       className: "size-[var(--space-4)] shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ jsx64("span", { className: "flex min-w-0 flex-1 items-center gap-[var(--space-2)]", children: renderItem(node, itemState) })
+                  /* @__PURE__ */ jsx65("span", { className: "flex min-w-0 flex-1 items-center gap-[var(--space-2)]", children: renderItem(node, itemState) })
                 ]
               }
             ),
-            hasChildren && expanded && children ? /* @__PURE__ */ jsx64("ul", { role: "group", "data-slot": "tree-group", className: "m-0 list-none p-0", children: renderLevel(children, depth + 1) }) : null
+            hasChildren && expanded && children ? /* @__PURE__ */ jsx65("ul", { role: "group", "data-slot": "tree-group", className: "m-0 list-none p-0", children: renderLevel(children, depth + 1) }) : null
           ]
         },
         node.id
       );
     });
   }
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "ul",
     {
       role: "tree",
@@ -11141,7 +11491,7 @@ function TreeView({
 
 // src/components/branding/olun-logo.tsx
 import { OLUN_MASTER, OLUN_SYMBOL, OLUN_WORDMARK } from "@olundot/tokens/brand";
-import { Fragment as Fragment17, jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
 var ACCENT_FILL = "var(--accent-pop)";
 var INK = { color: "var(--text-primary)" };
 var INK_TIGHT = { ...INK, display: "block", overflow: "visible" };
@@ -11151,8 +11501,8 @@ function symbolGeometry(size) {
 function SymbolCircles({ size }) {
   const { ring } = OLUN_SYMBOL;
   const g = symbolGeometry(size);
-  return /* @__PURE__ */ jsxs51(Fragment17, { children: [
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs52(Fragment18, { children: [
+    /* @__PURE__ */ jsx66(
       "circle",
       {
         className: "olun-logo__ring",
@@ -11164,11 +11514,11 @@ function SymbolCircles({ size }) {
         fill: "none"
       }
     ),
-    /* @__PURE__ */ jsx65("circle", { className: "olun-accent olun-logo__dot", cx: g.dot.cx, cy: g.dot.cy, r: g.dot.r, fill: ACCENT_FILL })
+    /* @__PURE__ */ jsx66("circle", { className: "olun-accent olun-logo__dot", cx: g.dot.cx, cy: g.dot.cy, r: g.dot.r, fill: ACCENT_FILL })
   ] });
 }
 function OlunSymbol({ size = 28, className }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     "svg",
     {
       width: size,
@@ -11179,7 +11529,7 @@ function OlunSymbol({ size = 28, className }) {
       className,
       style: INK,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx65(SymbolCircles, { size })
+      children: /* @__PURE__ */ jsx66(SymbolCircles, { size })
     }
   );
 }
@@ -11192,7 +11542,7 @@ function OlunLogo({
   if (!showSymbol) {
     const { full } = OLUN_WORDMARK;
     const height2 = fontSize * full.height / OLUN_WORDMARK.unitsPerEm;
-    return /* @__PURE__ */ jsxs51(
+    return /* @__PURE__ */ jsxs52(
       "svg",
       {
         width: height2 * full.width / full.height,
@@ -11205,8 +11555,8 @@ function OlunLogo({
         role: "img",
         "aria-label": "OLUN.",
         children: [
-          /* @__PURE__ */ jsx65("path", { className: "olun-logo__wordmark", fill: "currentColor", d: full.letters }),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66("path", { className: "olun-logo__wordmark", fill: "currentColor", d: full.letters }),
+          /* @__PURE__ */ jsx66(
             "circle",
             {
               className: "olun-accent olun-logo__period",
@@ -11222,7 +11572,7 @@ function OlunLogo({
   }
   const layout = symbolSize > OLUN_SYMBOL.smallMax ? OLUN_MASTER.large : OLUN_MASTER.small;
   const height = symbolSize * layout.height / (OLUN_SYMBOL.box * layout.symbol.scale);
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(
     "svg",
     {
       width: height * layout.width / layout.height,
@@ -11235,15 +11585,15 @@ function OlunLogo({
       role: "img",
       "aria-label": "OLUN",
       children: [
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           "g",
           {
             className: "olun-logo__symbol",
             transform: `translate(${layout.symbol.x} ${layout.symbol.y}) scale(${layout.symbol.scale})`,
-            children: /* @__PURE__ */ jsx65(SymbolCircles, { size: symbolSize })
+            children: /* @__PURE__ */ jsx66(SymbolCircles, { size: symbolSize })
           }
         ),
-        /* @__PURE__ */ jsx65("path", { className: "olun-logo__wordmark", fill: "currentColor", d: layout.letters })
+        /* @__PURE__ */ jsx66("path", { className: "olun-logo__wordmark", fill: "currentColor", d: layout.letters })
       ]
     }
   );
@@ -11251,11 +11601,11 @@ function OlunLogo({
 
 // src/components/branding/theme-toggle.tsx
 import { Sun, Moon } from "lucide-react";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function ThemeToggle({ className }) {
   const { resolvedTheme, toggleTheme } = useOlunTheme();
   const Icon = resolvedTheme === "dark" ? Moon : Sun;
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     "button",
     {
       onClick: () => toggleTheme(),
@@ -11267,14 +11617,14 @@ function ThemeToggle({ className }) {
       ),
       "aria-label": "\uD14C\uB9C8 \uC804\uD658",
       title: resolvedTheme === "dark" ? "\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uB85C" : "\uB2E4\uD06C \uBAA8\uB4DC\uB85C",
-      children: /* @__PURE__ */ jsx66(Icon, { className: "size-[18px]", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx67(Icon, { className: "size-[18px]", strokeWidth: 1.75 })
     }
   );
 }
 
 // src/components/branding/theme-fab.tsx
 import { Sun as Sun2, Moon as Moon2 } from "lucide-react";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 function ThemeFab({ variant = "square" } = {}) {
   const { mounted, resolvedTheme, toggleTheme } = useOlunTheme();
   if (!mounted) {
@@ -11314,7 +11664,7 @@ function ThemeFab({ variant = "square" } = {}) {
     WebkitBackdropFilter: "blur(16px)",
     zIndex: 9999
   };
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     "button",
     {
       onClick: () => toggleTheme(),
@@ -11339,7 +11689,7 @@ function ThemeFab({ variant = "square" } = {}) {
           e.currentTarget.style.color = "var(--text-secondary)";
         }
       },
-      children: /* @__PURE__ */ jsx67(
+      children: /* @__PURE__ */ jsx68(
         Icon,
         {
           size: isCircle ? 22 : 16,
@@ -11351,7 +11701,7 @@ function ThemeFab({ variant = "square" } = {}) {
 }
 
 // src/components/logos/organization-logo.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var organizationLogoRegistry = {
   jbnu: {
     label: "\uC804\uBD81\uB300\uD559\uAD50 \uC5E0\uBE14\uB7FC",
@@ -11380,7 +11730,7 @@ function OrganizationLogo({
 }) {
   const asset = organizationLogoRegistry[organization];
   const isDecorative = ariaHidden === true || ariaHidden === "true";
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "svg",
     {
       viewBox: asset.viewBox,
@@ -11398,7 +11748,7 @@ function OrganizationLogo({
         ...style
       },
       ...props,
-      children: asset.paths.map((path) => /* @__PURE__ */ jsx68("path", { d: path }, path))
+      children: asset.paths.map((path) => /* @__PURE__ */ jsx69("path", { d: path }, path))
     }
   );
 }
@@ -11515,6 +11865,8 @@ export {
   StatusBadge,
   StatusDot,
   Switch,
+  TABLE_PAGE_SIZE_OPTIONS,
+  TablePagination,
   Tabs,
   TabsContent,
   Textarea,
@@ -11583,6 +11935,7 @@ export {
   selectMessageVariants,
   selectVariants,
   setOlunTheme,
+  shouldHideTablePagination,
   skeletonVariants,
   spinnerVariants,
   tabsBadgeVariants,