@wipco/sdui 0.6.0 → 0.8.0

package/dist/DatePicker-BndreCPl.d.ts

@@ -0,0 +1,35 @@
+import { S as SduiBoxProps } from './layout-B1QrIBm6.js';
+import React__default from 'react';
+
+interface DatePickerProps {
+    /** 선택된 날짜 (YYYY-MM-DD). 주어지면 controlled로 동작. */
+    value?: string;
+    onChange?: (value: string) => void;
+    /** 선택 가능 최소 날짜 (YYYY-MM-DD, 포함). */
+    min?: string;
+    /** 선택 가능 최대 날짜 (YYYY-MM-DD, 포함). */
+    max?: string;
+    placeholder?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+interface DateRangeValue {
+    from?: string;
+    to?: string;
+}
+interface DateRangePickerProps {
+    /** 선택된 기간 (YYYY-MM-DD). 주어지면 controlled로 동작. */
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    min?: string;
+    max?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+}
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다. 까닭은 {@link ./boxed.tsx}에 있다. */
+declare const DatePicker: React__default.FC<DatePickerProps & SduiBoxProps>;
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다. 까닭은 {@link ./boxed.tsx}에 있다. */
+declare const DateRangePicker: React__default.FC<DateRangePickerProps & SduiBoxProps>;
+
+export { type DatePickerProps as D, type DateRangePickerProps as a, DatePicker as b, DateRangePicker as c, type DateRangeValue as d };

package/dist/{chunk-FGRR3ROJ.js → chunk-27APKNEI.js}

@@ -1,6 +1,7 @@
-import { Icon } from './chunk-ZUCI34QY.js';
-import { createContext, useContext, useState, useRef, useMemo, useCallback, useEffect, useLayoutEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { Icon } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { createContext, useState, useRef, useMemo, useCallback, useEffect, useLayoutEffect, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/env.ts
 var DEV = (() => {
@@ -297,7 +298,7 @@ function triggerClassName(size, invalid) {
   if (invalid) classes.push("wp-input--invalid");
   return classes.join(" ");
 }
-function DatePicker({
+function DatePickerImpl({
   value,
   onChange,
   min,
@@ -366,7 +367,7 @@ function DatePicker({
     ) }) }) : null
   ] });
 }
-function DateRangePicker({
+function DateRangePickerImpl({
   value,
   onChange,
   min,
@@ -493,5 +494,7 @@ var DP_CSS = `
 .wp-dp__day--range-start .wp-dp__day-btn,.wp-dp__day--range-end .wp-dp__day-btn{background:var(--wp-action-primary-bg);color:var(--wp-action-primary-fg);font-weight:500}
 .wp-dp__day--range-start.wp-dp__day--today .wp-dp__day-btn,.wp-dp__day--range-end.wp-dp__day--today .wp-dp__day-btn{box-shadow:none}
 `;
+var DatePicker = boxed(DatePickerImpl, "DatePicker");
+var DateRangePicker = boxed(DateRangePickerImpl, "DateRangePicker");
 
 export { DEV, DatePicker, DateRangePicker, HoistedStyle, SduiAdapterContext, assetResolverOf, defaultAdapter, hostFetchOf, isSafeNavigationTarget, resolveAdapter, useSduiAdapter, useSduiAssetResolver, useSduiSandbox };

package/dist/{chunk-SEBPBUZR.js → chunk-5RWAK5QO.js}

@@ -1,4 +1,5 @@
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-ZUCI34QY.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -56,7 +57,7 @@ function toggled(prev, id) {
   else next.add(id);
   return next;
 }
-function TreeView({
+function TreeViewImpl({
   nodes,
   selectedId,
   onSelect,
@@ -256,5 +257,6 @@ function TreeView({
     }
   );
 }
+var TreeView = boxed(TreeViewImpl, "TreeView");
 
 export { TreeView };

package/dist/{chunk-ZQR3ULVH.js → chunk-6ALDY64N.js}

@@ -1,5 +1,6 @@
-import { TreeView } from './chunk-SEBPBUZR.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-ZUCI34QY.js';
+import { TreeView } from './chunk-5RWAK5QO.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -20,7 +21,7 @@ function findNode(nodes, id) {
   }
   return void 0;
 }
-function TreePicker({
+function TreePickerImpl({
   nodes,
   value,
   valueLabel,
@@ -189,5 +190,6 @@ function TreePicker({
     ) : null
   ] });
 }
+var TreePicker = boxed(TreePickerImpl, "TreePicker");
 
 export { TreePicker };

package/dist/{chunk-ZUCI34QY.js → chunk-6FADQ2SU.js}

@@ -1,8 +1,7 @@
+import { mergeStyle, containerLayoutStyle, joinClass } from './chunk-SAN4IX6N.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// src/components.tsx
-
 // src/icons.ts
 var ICON_NODES = {
   "activity": [
@@ -688,8 +687,14 @@ var ICON_NODES = {
     { t: "line", x1: "8", x2: "14", y1: "11", y2: "11" }
   ]
 };
-function cx(...parts) {
-  return parts.filter(Boolean).join(" ");
+
+// src/warn-once.ts
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message, level = "error") {
+  if (warned.has(key)) return;
+  warned.add(key);
+  if (level === "warn") console.warn(message);
+  else console.error(message);
 }
 function Icon({ name, size = 18, strokeWidth = 1.5, className = "", style, title, ...rest }) {
   const nodes = Object.hasOwn(ICON_NODES, name) ? ICON_NODES[name] : void 0;
@@ -725,8 +730,10 @@ function Button({
   block = false,
   disabled = false,
   as = "button",
+  justify,
   children,
   className = "",
+  style,
   ...rest
 }) {
   const Tag2 = as;
@@ -740,6 +747,7 @@ function Button({
     Tag2,
     {
       className: classes.join(" "),
+      style: mergeStyle(containerLayoutStyle({ justify }), style),
       disabled: Tag2 === "button" ? disabled || loading : void 0,
       "aria-disabled": disabled || void 0,
       ...rest,
@@ -804,22 +812,56 @@ function Textarea({ invalid = false, rows = 3, className = "", ...rest }) {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
-      className: cx("wp-textarea", invalid && "wp-textarea--invalid", className),
+      className: joinClass("wp-textarea", invalid && "wp-textarea--invalid", className),
       rows,
       "aria-invalid": invalid || void 0,
       ...rest
     }
   );
 }
-function Select({ options = [], size = "md", invalid = false, placeholder, className = "", ...rest }) {
+function pickOptionText(option, key) {
+  const raw = option[key];
+  if (raw === null || raw === void 0) return void 0;
+  return String(raw);
+}
+function Select({
+  options,
+  valueKey = "value",
+  labelKey = "label",
+  size = "md",
+  invalid = false,
+  placeholder,
+  className = "",
+  ...rest
+}) {
   const classes = ["wp-select"];
   if (size !== "md") classes.push(`wp-select--${size}`);
   if (invalid) classes.push("wp-select--invalid");
   if (className) classes.push(className);
+  const list = Array.isArray(options) ? options : [];
   return /* @__PURE__ */ jsxs("div", { className: "wp-selectwrap", children: [
     /* @__PURE__ */ jsxs("select", { className: classes.join(" "), "aria-invalid": invalid || void 0, ...rest, children: [
       placeholder ? /* @__PURE__ */ jsx("option", { value: "", children: placeholder }) : null,
-      options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      list.map((option, index) => {
+        const value = pickOptionText(option, valueKey);
+        const label = pickOptionText(option, labelKey) || value || "";
+        if (label === "") {
+          warnOnce(
+            `select:blank-option:${valueKey}/${labelKey}`,
+            `[sdui] <Select> \uC635\uC158\uC774 \uAC12\xB7\uB77C\uBCA8 \uB458 \uB2E4 \uBE44\uC5C8\uC2B5\uB2C8\uB2E4 (valueKey="${valueKey}", labelKey="${labelKey}") \u2014 \uB3C4\uBA54\uC778 \uAC1D\uCCB4\uB97C \uADF8\uB300\uB85C \uB118\uACBC\uB2E4\uBA74 \uB450 \uD504\uB86D\uC73C\uB85C \uC77D\uC744 \uD0A4\uB97C \uC9C0\uC815\uD558\uC138\uC694`,
+            "warn"
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          "option",
+          {
+            value,
+            disabled: Boolean(option.disabled),
+            children: label
+          },
+          `${value ?? ""}-${index}`
+        );
+      })
     ] }),
     /* @__PURE__ */ jsx("span", { className: "wp-selectwrap__caret", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: 15 }) })
   ] });
@@ -829,7 +871,7 @@ function Checkbox({ label, description, indeterminate = false, disabled = false,
   React.useEffect(() => {
     if (ref.current) ref.current.indeterminate = indeterminate;
   }, [indeterminate]);
-  return /* @__PURE__ */ jsxs("label", { className: cx("wp-check", disabled && "wp-check--disabled", className), children: [
+  return /* @__PURE__ */ jsxs("label", { className: joinClass("wp-check", disabled && "wp-check--disabled", className), children: [
     /* @__PURE__ */ jsx("input", { ref, type: "checkbox", disabled, ...rest }),
     /* @__PURE__ */ jsx("span", { className: "wp-check__box", children: /* @__PURE__ */ jsx(Icon, { name: indeterminate ? "minus" : "check", size: 12, strokeWidth: 2.5 }) }),
     label || description ? /* @__PURE__ */ jsxs("span", { className: "wp-check__text", children: [
@@ -839,14 +881,14 @@ function Checkbox({ label, description, indeterminate = false, disabled = false,
   ] });
 }
 function Switch({ label, size = "md", disabled = false, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("label", { className: cx("wp-switch", size === "sm" && "wp-switch--sm", className), children: [
+  return /* @__PURE__ */ jsxs("label", { className: joinClass("wp-switch", size === "sm" && "wp-switch--sm", className), children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", role: "switch", disabled, ...rest }),
     /* @__PURE__ */ jsx("span", { className: "wp-switch__track" }),
     label ? /* @__PURE__ */ jsx("span", { children: label }) : null
   ] });
 }
 function Field({ label, hint, error, required = false, htmlFor, layout = "stacked", children, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx("wp-field", layout === "horizontal" && "wp-field--horizontal", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-field", layout === "horizontal" && "wp-field--horizontal", className), ...rest, children: [
     label ? /* @__PURE__ */ jsxs("label", { className: "wp-field__label", htmlFor, children: [
       label,
       required ? /* @__PURE__ */ jsx("span", { className: "wp-field__req", "aria-hidden": "true", children: "*" }) : null
@@ -895,14 +937,14 @@ function Badge({ tone = "neutral", dot = false, size = "md", children, className
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: cx("wp-badge", `wp-badge--${tone}`, dot && "wp-badge--dot", size === "lg" && "wp-badge--lg", className),
+      className: joinClass("wp-badge", `wp-badge--${tone}`, dot && "wp-badge--dot", size === "lg" && "wp-badge--lg", className),
       ...rest,
       children
     }
   );
 }
 function Tag({ color, filled = false, onRemove, children, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("span", { className: cx("wp-tag", filled && "wp-tag--filled", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs("span", { className: joinClass("wp-tag", filled && "wp-tag--filled", className), ...rest, children: [
     color ? /* @__PURE__ */ jsx("span", { className: "wp-tag__dot", style: { background: color } }) : null,
     children,
     onRemove ? /* @__PURE__ */ jsx("span", { className: "wp-tag__x", role: "button", "aria-label": "\uC81C\uAC70", onClick: onRemove, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 10, strokeWidth: 2 }) }) : null
@@ -919,7 +961,7 @@ function Alert({ tone = "info", title, children, actions, onClose, bar = false,
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cx("wp-alert", `wp-alert--${tone}`, bar && "wp-alert--bar", className),
+      className: joinClass("wp-alert", `wp-alert--${tone}`, bar && "wp-alert--bar", className),
       role: tone === "danger" ? "alert" : "status",
       ...rest,
       children: [
@@ -935,7 +977,7 @@ function Alert({ tone = "info", title, children, actions, onClose, bar = false,
   );
 }
 function Toast({ tone = "info", title, children, action, onClose, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx("wp-toast", `wp-toast--${tone}`, className), role: "status", ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-toast", `wp-toast--${tone}`, className), role: "status", ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: "wp-toast__icon", children: /* @__PURE__ */ jsx(Icon, { name: TONE_ICONS[tone] ?? "info", size: 16 }) }),
     /* @__PURE__ */ jsxs("div", { className: "wp-toast__body", children: [
       title ? /* @__PURE__ */ jsx("span", { className: "wp-toast__title", children: title }) : null,
@@ -949,7 +991,7 @@ function Tabs({ items = [], value, onChange, size = "md", onChrome = false, clas
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cx("wp-tabs", size === "lg" && "wp-tabs--lg", onChrome && "wp-tabs--onchrome", className),
+      className: joinClass("wp-tabs", size === "lg" && "wp-tabs--lg", onChrome && "wp-tabs--onchrome", className),
       role: "tablist",
       ...rest,
       children: items.map((item) => /* @__PURE__ */ jsxs(
@@ -1034,7 +1076,7 @@ function Table({
 }
 function StatCard({ label, value, unit, delta, trend = "flat", icon, footer, size = "md", className = "", ...rest }) {
   const arrow = trend === "up" ? "arrow-up-right" : trend === "down" ? "arrow-down" : "minus";
-  return /* @__PURE__ */ jsx("div", { className: cx("wp-card", className), ...rest, children: /* @__PURE__ */ jsx("div", { className: "wp-card__body", children: /* @__PURE__ */ jsxs("div", { className: size === "sm" ? "wp-stat wp-stat--sm" : "wp-stat", children: [
+  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-card", className), ...rest, children: /* @__PURE__ */ jsx("div", { className: "wp-card__body", children: /* @__PURE__ */ jsxs("div", { className: size === "sm" ? "wp-stat wp-stat--sm" : "wp-stat", children: [
     /* @__PURE__ */ jsxs("div", { className: "wp-stat__label", children: [
       icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: 14 }) : null,
       label
@@ -1051,7 +1093,7 @@ function StatCard({ label, value, unit, delta, trend = "flat", icon, footer, siz
   ] }) }) });
 }
 function EmptyState({ icon = "square-dashed", title, children, actions, tight = false, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx("wp-empty", tight && "wp-empty--tight", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-empty", tight && "wp-empty--tight", className), ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: "wp-empty__mark", children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 20 }) }),
     title ? /* @__PURE__ */ jsx("div", { className: "wp-empty__title", children: title }) : null,
     children ? /* @__PURE__ */ jsx("div", { className: "wp-empty__text", children }) : null,
@@ -1062,7 +1104,7 @@ function Spinner({ size = "md", inverse = false, label, className = "", ...rest
   const el = /* @__PURE__ */ jsx(
     "span",
     {
-      className: cx("wp-spinner", size !== "md" && `wp-spinner--${size}`, inverse && "wp-spinner--inverse", className),
+      className: joinClass("wp-spinner", size !== "md" && `wp-spinner--${size}`, inverse && "wp-spinner--inverse", className),
       role: "status",
       "aria-label": label || "\uB85C\uB529 \uC911",
       ...rest
@@ -1106,7 +1148,7 @@ function ProgressBar({
   if (!showValue && !label) {
     return /* @__PURE__ */ jsx("div", { className, ...rest, children: bar });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cx("wp-col", className), style: { gap: 5 }, ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-col", className), style: { gap: 5 }, ...rest, children: [
     label ? /* @__PURE__ */ jsxs("div", { className: "wp-row wp-row--between", children: [
       /* @__PURE__ */ jsx("span", { className: "wp-caption", children: label }),
       showValue ? /* @__PURE__ */ jsxs("span", { className: "wp-caption wp-num", children: [
@@ -1139,7 +1181,7 @@ function pageItems(page, total) {
 function Pagination({ page = 1, pageCount = 1, total, pageSize, onChange, className = "", ...rest }) {
   const from = total != null && pageSize ? (page - 1) * pageSize + 1 : null;
   const to = total != null && pageSize ? Math.min(total, page * pageSize) : null;
-  return /* @__PURE__ */ jsxs("div", { className: cx("wp-pager", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-pager", className), ...rest, children: [
     from != null ? /* @__PURE__ */ jsxs("span", { className: "wp-num", children: [
       from,
       "\u2013",
@@ -1287,4 +1329,4 @@ function Tooltip({ label, shortcut, placement = "top", wrap = false, children, c
   );
 }
 
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip };
+export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, warnOnce };

package/dist/{chunk-KBHI3IUR.js → chunk-6ZUWN2QX.js}

@@ -1,4 +1,5 @@
-import { Button } from './chunk-ZUCI34QY.js';
+import { Button } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -18,7 +19,7 @@ var PRINT_CSS = `
 function PrintStyles() {
   return /* @__PURE__ */ jsx("style", { href: "erp-print", precedence: "medium", children: PRINT_CSS });
 }
-function PrintSheet({ title, children, autoPrint = false }) {
+function PrintSheetImpl({ title, children, autoPrint = false }) {
   useEffect(() => {
     if (!autoPrint || !window.opener) return;
     const timer = window.setTimeout(() => window.print(), 500);
@@ -36,5 +37,6 @@ function PrintSheet({ title, children, autoPrint = false }) {
     ] })
   ] });
 }
+var PrintSheet = boxed(PrintSheetImpl, "PrintSheet");
 
 export { PrintSheet };

package/dist/{chunk-RH7ESUE6.js → chunk-7MRAY6UD.js}

@@ -1,4 +1,5 @@
-import { IconButton } from './chunk-ZUCI34QY.js';
+import { IconButton } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -11,7 +12,7 @@ var INITIAL_VIEW = { scale: 1, x: 0, y: 0 };
 function clamp(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
-function ImageLightbox({ src, alt, thumbClassName, thumbStyle, children }) {
+function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
   const [open, setOpen] = useState(false);
   const [view, setView] = useState(INITIAL_VIEW);
   const [dragging, setDragging] = useState(false);
@@ -305,5 +306,6 @@ function ImageLightbox({ src, alt, thumbClassName, thumbStyle, children }) {
     overlay
   ] });
 }
+var ImageLightbox = boxed(ImageLightboxImpl, "ImageLightbox");
 
 export { ImageLightbox };

package/dist/{chunk-DGPRX4MU.js → chunk-7Y6UFAYZ.js}

@@ -1,4 +1,5 @@
-import { SegmentedControl, Select, Input } from './chunk-ZUCI34QY.js';
+import { SegmentedControl, Select, Input } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -126,7 +127,7 @@ var MONTH_OPTIONS = Array.from({ length: 12 }, (_, i) => ({
   value: String(i + 1),
   label: `${i + 1}\uC6D4`
 }));
-function PeriodFilter({ value, onChange, years, modes }) {
+function PeriodFilterImpl({ value, onChange, years, modes }) {
   const [inner, setInner] = useState(() => normalizePeriod(value));
   const modeItems = useMemo(() => normalizeModes(modes), [modes]);
   const requested = normalizePeriod(value !== void 0 ? value : inner);
@@ -247,5 +248,6 @@ function PeriodFilter({ value, onChange, years, modes }) {
     }
   );
 }
+var PeriodFilter = boxed(PeriodFilterImpl, "PeriodFilter");
 
 export { PeriodFilter };

package/dist/{chunk-7Y4J7EOK.js → chunk-BMZKZGJF.js}

@@ -1,6 +1,6 @@
+import { boxed } from './chunk-SAN4IX6N.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/widgets/StackedMeter.tsx
 var resolveColor = (color, index) => {
   if (!color) return `var(--wp-series-${index % 8 + 1})`;
   if (/^[1-8]$/.test(color)) return `var(--wp-series-${color})`;
@@ -15,7 +15,7 @@ var dotStyle = (color) => ({
   background: color,
   flexShrink: 0
 });
-function StackedMeter({
+function StackedMeterImpl({
   segments,
   showLegend = true,
   height = 10
@@ -111,5 +111,6 @@ function StackedMeter({
     )
   ] });
 }
+var StackedMeter = boxed(StackedMeterImpl, "StackedMeter");
 
 export { StackedMeter };

package/dist/{chunk-WNYWTFGW.js → chunk-CEFOZOOM.js}

@@ -1,4 +1,5 @@
-import { Icon } from './chunk-ZUCI34QY.js';
+import { Icon } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -15,7 +16,7 @@ var DISCLOSURE_CSS = `
 function DisclosureStyles() {
   return /* @__PURE__ */ jsx("style", { href: "erp-disclosure", precedence: "medium", children: DISCLOSURE_CSS });
 }
-function Disclosure({
+function DisclosureImpl({
   summary,
   children,
   defaultOpen = false,
@@ -57,5 +58,6 @@ function Disclosure({
     hasContent ? /* @__PURE__ */ jsx("div", { id: contentId, className: "erp-disclosure__content", hidden: !isOpen, children }) : null
   ] });
 }
+var Disclosure = boxed(DisclosureImpl, "Disclosure");
 
 export { Disclosure };

package/dist/{chunk-56KKWLNI.js → chunk-H7V35NC2.js}

@@ -1,9 +1,10 @@
-import { includesLooseSearch } from './chunk-KADFN76X.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-ZUCI34QY.js';
+import { includesLooseSearch } from './chunk-WUTCZCQH.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function SearchableMultiPicker({
+function SearchableMultiPickerImpl({
   title,
   options,
   values,
@@ -182,5 +183,6 @@ function SearchableMultiPicker({
     ) : null
   ] });
 }
+var SearchableMultiPicker = boxed(SearchableMultiPickerImpl, "SearchableMultiPicker");
 
 export { SearchableMultiPicker };

package/dist/{chunk-MSAV4J4I.js → chunk-I5GNJDHQ.js}

@@ -1,5 +1,6 @@
-import { Disclosure } from './chunk-WNYWTFGW.js';
-import { Icon } from './chunk-ZUCI34QY.js';
+import { Disclosure } from './chunk-CEFOZOOM.js';
+import { Icon } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var TYPE_META = {
@@ -38,7 +39,7 @@ function formatPayload(payload) {
     return String(payload);
   }
 }
-function Timeline({ items, maxHeight }) {
+function TimelineImpl({ items, maxHeight }) {
   if (items.length === 0) {
     return /* @__PURE__ */ jsx("p", { className: "wp-caption", style: { margin: 0, padding: "var(--wp-space-2) 0" }, children: "\uD45C\uC2DC\uD560 \uC774\uB825\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." });
   }
@@ -73,5 +74,6 @@ function Timeline({ items, maxHeight }) {
     }
   );
 }
+var Timeline = boxed(TimelineImpl, "Timeline");
 
 export { Timeline };

package/dist/{chunk-ZNITJ4KK.js → chunk-IKLBICOJ.js}

@@ -1,4 +1,5 @@
-import { IconButton, Badge } from './chunk-ZUCI34QY.js';
+import { IconButton, Badge } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -101,7 +102,7 @@ var nodeCardStyle = (selected) => ({
   cursor: "pointer",
   transition: "box-shadow var(--wp-duration-fast), border-color var(--wp-duration-fast)"
 });
-function OrgChart({
+function OrgChartImpl({
   root,
   onNodeClick,
   selectedId,
@@ -429,5 +430,6 @@ function OrgChart({
     }
   );
 }
+var OrgChart = boxed(OrgChartImpl, "OrgChart");
 
 export { OrgChart };

package/dist/{chunk-LZJTKVMO.js → chunk-KL554MEM.js}

@@ -1,4 +1,5 @@
-import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-ZUCI34QY.js';
+import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -192,7 +193,7 @@ function normalizeViews(views) {
   return items.length > 0 ? items : VIEW_ITEMS;
 }
 var cellBorder = "1px solid var(--wp-border-subtle)";
-var EventCalendar = ({
+var EventCalendarImpl = ({
   events,
   view,
   onViewChange,
@@ -763,5 +764,6 @@ var EventCalendar = ({
     }
   );
 };
+var EventCalendar = boxed(EventCalendarImpl, "EventCalendar");
 
 export { EventCalendar };

package/dist/{chunk-4SU2KYPU.js → chunk-KPDUJFVD.js}

@@ -1,8 +1,9 @@
-import { Badge, Tag } from './chunk-ZUCI34QY.js';
+import { Badge, Tag } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-function TagMultiSelect({
+function TagMultiSelectImpl({
   options,
   values,
   onChange,
@@ -55,5 +56,6 @@ function TagMultiSelect({
     );
   }) });
 }
+var TagMultiSelect = boxed(TagMultiSelectImpl, "TagMultiSelect");
 
 export { TagMultiSelect };

package/dist/{chunk-USKRM22W.js → chunk-O4U7Y3XL.js}

@@ -1,6 +1,6 @@
+import { boxed } from './chunk-SAN4IX6N.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/widgets/SummaryTable.tsx
 var SUMMARY_TABLE_CSS = `
 .erp-sumtable tfoot td{height:var(--wp-row-h);padding:0 12px;background:var(--wp-surface-sunken);border-top:var(--wp-border-w) solid var(--wp-border-strong);color:var(--wp-text-strong);font-weight:var(--wp-weight-semibold);vertical-align:middle}
 .erp-sumtable.wp-table--dense tfoot td{height:var(--wp-row-h-dense)}
@@ -17,7 +17,7 @@ function cellClass(column) {
   if (column.strong) classes.push("wp-table__strong");
   return classes.length > 0 ? classes.join(" ") : void 0;
 }
-function SummaryTable({ columns, rows, footer, dense = false }) {
+function SummaryTableImpl({ columns, rows, footer, dense = false }) {
   const tableClass = dense ? "wp-table wp-table--dense erp-sumtable" : "wp-table erp-sumtable";
   return /* @__PURE__ */ jsxs("div", { className: "erp-sumtable__scroll", children: [
     /* @__PURE__ */ jsx(SummaryTableStyles, {}),
@@ -35,5 +35,6 @@ function SummaryTable({ columns, rows, footer, dense = false }) {
     ] })
   ] });
 }
+var SummaryTable = boxed(SummaryTableImpl, "SummaryTable");
 
 export { SummaryTable };

package/dist/{chunk-MOIU7MUA.js → chunk-OM63D4UH.js}

@@ -1,5 +1,6 @@
-import { includesLooseSearch } from './chunk-KADFN76X.js';
-import { Icon, Button, Input, Spinner } from './chunk-ZUCI34QY.js';
+import { includesLooseSearch } from './chunk-WUTCZCQH.js';
+import { Icon, Button, Input, Spinner } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useId, useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -31,7 +32,7 @@ var ellipsisStyle = {
 var statusRowStyle = {
   padding: "var(--wp-space-2) var(--wp-space-3)"
 };
-function AutocompleteField({
+function AutocompleteFieldImpl({
   search,
   options,
   labelKey = "label",
@@ -278,5 +279,6 @@ function AutocompleteField({
     ) }) : null
   ] });
 }
+var AutocompleteField = boxed(AutocompleteFieldImpl, "AutocompleteField");
 
 export { AutocompleteField, toAutocompleteOptions };

package/dist/{chunk-Q6SBH63R.js → chunk-QTNIUMSM.js}

@@ -1,4 +1,5 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-ZUCI34QY.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-6FADQ2SU.js';
+import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -31,7 +32,7 @@ function toneStyle(tone) {
     color: `var(--wp-status-${tone}-fg)`
   };
 }
-function ColumnBoard({
+function ColumnBoardImpl({
   columns,
   items,
   onMove,
@@ -186,5 +187,6 @@ function ColumnBoard({
     ] }) : null
   ] });
 }
+var ColumnBoard = boxed(ColumnBoardImpl, "ColumnBoard");
 
 export { ColumnBoard };