@wipco/sdui 0.40.0 → 0.41.0

package/dist/{DatePicker-B5Q3XhAY.d.ts → DatePicker-BK_jsV7i.d.ts}

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from './layout-C7uTe1ue.js';
+import { S as SduiBoxProps } from './layout-C3nRXMwb.js';
 import React__default from 'react';
 
 interface TimePickerProps {

package/dist/{chunk-SET7XWBR.js → chunk-23VK3GYJ.js}

@@ -1,5 +1,5 @@
-import { IconButton, Input } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { IconButton, Input } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-B6ZBQCSI.js → chunk-3SLRFWVS.js}

@@ -1,5 +1,5 @@
-import { ImageViewer } from './chunk-VT3OCB76.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { ImageViewer } from './chunk-LDZVLZ3H.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-IMVCYJ6G.js → chunk-3YXCPPTE.js}

@@ -1,6 +1,6 @@
-import { DateRangePicker } from './chunk-ZOUWMQSO.js';
-import { SegmentedControl, Select } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { DateRangePicker } from './chunk-AKBVOXMH.js';
+import { SegmentedControl, Select } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5AAOEC4Q.js → chunk-47B6RYOF.js}

@@ -1,6 +1,6 @@
-import { Text } from './chunk-ZNGAR56U.js';
-import { Switch, Field, Select, Input } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Text } from './chunk-JKM3AM42.js';
+import { Switch, Field, Select, Input } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-VMHG4IFO.js → chunk-4WHJ2DUP.js}

@@ -1,4 +1,4 @@
-import { boxed, containerLayoutStyle } from './chunk-SE3H5QCS.js';
+import { boxed, containerLayoutStyle } from './chunk-7TXK6LS7.js';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-LVCIHZ45.js → chunk-5N7DANNM.js}

@@ -1,8 +1,8 @@
-import { TagMultiSelect } from './chunk-M2Q2ZQIX.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-AMVQ2LHD.js';
+import { TagMultiSelect } from './chunk-ZGNYD2ZP.js';
+import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-5WYPKIXU.js';
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-AMVQ2LHD.js → chunk-5WYPKIXU.js}

@@ -1,7 +1,7 @@
-import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
+import { includesLooseSearch } from './chunk-W3HJGDAK.js';
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-I3UJ4ZCQ.js → chunk-7A4OWANN.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-SE3H5QCS.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useSyncExternalStore } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-SE3H5QCS.js → chunk-7TXK6LS7.js}

@@ -56,13 +56,15 @@ function lookup(table, value) {
 }
 function containerLayoutStyle(props) {
   const gap = lookup(GAP_CSS, props.gap);
+  const rowGap = lookup(GAP_CSS, props.rowGap);
+  const columnGap = lookup(GAP_CSS, props.columnGap);
   const alignItems = lookup(ALIGN_CSS, props.align);
   const justifyContent = lookup(JUSTIFY_CSS, props.justify);
   const flexWrap = props.wrap === void 0 ? void 0 : props.wrap ? "wrap" : "nowrap";
-  if (gap === void 0 && alignItems === void 0 && justifyContent === void 0 && flexWrap === void 0) {
+  if (gap === void 0 && rowGap === void 0 && columnGap === void 0 && alignItems === void 0 && justifyContent === void 0 && flexWrap === void 0) {
     return void 0;
   }
-  return { gap, alignItems, justifyContent, flexWrap };
+  return { gap, rowGap, columnGap, alignItems, justifyContent, flexWrap };
 }
 function columnsClass(columns) {
   const n = Number(columns);

package/dist/{chunk-ZOUWMQSO.js → chunk-AKBVOXMH.js}

@@ -1,6 +1,6 @@
 import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-XQPTSEJC.js';
-import { Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';

package/dist/{chunk-6Q4RZDBA.js → chunk-AODRYCWT.js}

@@ -1,5 +1,5 @@
 import { OverlayLayer } from './chunk-XQPTSEJC.js';
-import { Dialog, warnOnce } from './chunk-LBKIBSHY.js';
+import { Dialog, warnOnce } from './chunk-WOGLJBBD.js';
 import { createContext, useContext, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-CUGU5WIU.js → chunk-AZOA44R4.js}

@@ -1,6 +1,6 @@
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Select, Button } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Select, Button } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-OPEGWGU4.js → chunk-CHHAOYUC.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-SE3H5QCS.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var resolveColor = (color, index) => {

package/dist/{chunk-QLLBS2NM.js → chunk-CRTYWGCU.js}

@@ -1,6 +1,6 @@
-import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-ZOUWMQSO.js';
-import { Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-AKBVOXMH.js';
+import { Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-2LLSXF6X.js → chunk-GANJMJZV.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-SE3H5QCS.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-V6I3JZSY.js → chunk-GRT4V5BH.js}

@@ -1,6 +1,6 @@
 import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
-import { Spinner, Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Spinner, Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-TQM2UWN2.js → chunk-HI5MY3PW.js}

@@ -1,5 +1,5 @@
-import { Icon, Badge, Tooltip } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon, Badge, Tooltip } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-73GLCVJJ.js → chunk-J3PQUPCI.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-E3WX7A54.js → chunk-J3WZFFZG.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-SE3H5QCS.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var SUMMARY_TABLE_CSS = `

package/dist/{chunk-ZNGAR56U.js → chunk-JKM3AM42.js}

@@ -1,4 +1,4 @@
-import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle } from './chunk-SE3H5QCS.js';
+import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle } from './chunk-7TXK6LS7.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -21,6 +21,8 @@ function Grid({
   columns = 3,
   template,
   gap,
+  rowGap,
+  columnGap,
   align,
   justify,
   wrap,
@@ -36,7 +38,7 @@ function Grid({
       style: mergeStyle(
         {
           ...template ? { gridTemplateColumns: template } : null,
-          ...containerLayoutStyle({ gap, align, justify, wrap }),
+          ...containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }),
           ...paddingStyle(padding)
         },
         style
@@ -61,34 +63,34 @@ var CONTAINER_ROLES = /* @__PURE__ */ new Set([
 function containerRole(role) {
   return role !== void 0 && CONTAINER_ROLES.has(role) ? role : void 0;
 }
-function Row({ justify, gap, align, wrap, role, ariaLabel, className, style, children }) {
+function Row({ justify, gap, rowGap, columnGap, align, wrap, role, ariaLabel, className, style, children }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
       role: containerRole(role),
       "aria-label": ariaLabel,
       children
     }
   );
 }
-function Actions({ justify = "end", gap, align, wrap, className, style, children }) {
+function Actions({ justify = "end", gap, rowGap, columnGap, align, wrap, className, style, children }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: joinClass("wp-row", className),
-      style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, align, justify, wrap }) }, style),
+      style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }) }, style),
       children
     }
   );
 }
-function Col({ gap, align, justify, wrap, role, ariaLabel, className, style, children }) {
+function Col({ gap, rowGap, columnGap, align, justify, wrap, role, ariaLabel, className, style, children }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: joinClass("wp-col", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
       role: containerRole(role),
       "aria-label": ariaLabel,
       children
@@ -106,12 +108,12 @@ function Spacer({ size, className, style }) {
     }
   );
 }
-function Section({ title, gap, align, justify, wrap, className, style, children }) {
+function Section({ title, gap, rowGap, columnGap, align, justify, wrap, className, style, children }) {
   return /* @__PURE__ */ jsxs(
     "section",
     {
       className: joinClass("wp-col", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      style: mergeStyle(containerLayoutStyle({ gap, rowGap, columnGap, align, justify, wrap }), style),
       children: [
         title ? /* @__PURE__ */ jsx("h2", { className: "wp-h4", children: title }) : null,
         children

package/dist/{chunk-X2ANYFPH.js → chunk-JL2SAB2Y.js}

@@ -1,7 +1,7 @@
-import { TimePicker } from './chunk-QLLBS2NM.js';
-import { DatePicker } from './chunk-ZOUWMQSO.js';
-import { Field } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { TimePicker } from './chunk-CRTYWGCU.js';
+import { DatePicker } from './chunk-AKBVOXMH.js';
+import { Field } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-AZTCPRKA.js → chunk-KEAKI4VT.js}

@@ -1,7 +1,7 @@
-import { resolveTreeNodes, TreeView } from './chunk-3W4Q7X65.js';
+import { resolveTreeNodes, TreeView } from './chunk-UJ57GOID.js';
 import { OverlayLayer } from './chunk-XQPTSEJC.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-VT3OCB76.js → chunk-LDZVLZ3H.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-LBKIBSHY.js';
+import { IconButton } from './chunk-WOGLJBBD.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-DGAGQD35.js → chunk-LGJHN6RF.js}

@@ -1,7 +1,7 @@
-import { ImageLightbox } from './chunk-B6ZBQCSI.js';
+import { ImageLightbox } from './chunk-3SLRFWVS.js';
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Badge, Button, IconButton, Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Badge, Button, IconButton, Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-45QGQVFB.js → chunk-MLW3TYLC.js}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Button } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-ALWAWCSB.js → chunk-MM4AVQKV.js}

@@ -1,6 +1,6 @@
-import { Text } from './chunk-ZNGAR56U.js';
-import { Field, Input, Select, IconButton, Button } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Text } from './chunk-JKM3AM42.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-CKGPE2AY.js → chunk-MSME7EBU.js}

@@ -1,5 +1,5 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-G6CQMPOS.js → chunk-NS6RXTC5.js}

@@ -1,6 +1,6 @@
-import { Disclosure } from './chunk-PIVD4G3T.js';
-import { Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Disclosure } from './chunk-QRBZ2B7T.js';
+import { Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var TYPE_META = {

package/dist/{chunk-JD62GZLP.js → chunk-OK7DIJYU.js}

@@ -1,5 +1,5 @@
-import { IconButton, Badge } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { IconButton, Badge } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-X4OPJJVD.js → chunk-Q3GTFOUD.js}

@@ -1,7 +1,7 @@
-import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
+import { includesLooseSearch } from './chunk-W3HJGDAK.js';
 import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
-import { Icon, Button, Input, Spinner } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon, Button, Input, Spinner } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KTKEJHTB.js → chunk-QBBWU6PR.js}

@@ -1,4 +1,4 @@
-import { Spinner, EmptyState } from './chunk-LBKIBSHY.js';
+import { Spinner, EmptyState } from './chunk-WOGLJBBD.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-PIVD4G3T.js → chunk-QRBZ2B7T.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-RHQW467O.js → chunk-R2RARD7C.js}

@@ -1,5 +1,5 @@
-import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-N4LKGACS.js → chunk-RJQXY4Z7.js}

@@ -1,7 +1,7 @@
-import { ImageLightbox } from './chunk-B6ZBQCSI.js';
+import { ImageLightbox } from './chunk-3SLRFWVS.js';
 import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-DKPNFEVU.js';
-import { Spinner, Icon, IconButton } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Spinner, Icon, IconButton } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-WDOTLDHG.js → chunk-U7DUTXK6.js}

@@ -1,6 +1,6 @@
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-3W4Q7X65.js → chunk-UJ57GOID.js}

@@ -1,6 +1,6 @@
-import { buildCascadingTree } from './chunk-TUB3PFKQ.js';
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { buildCascadingTree } from './chunk-W3HJGDAK.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-LSKLL2CR.js → chunk-UNQRZWUV.js}

@@ -1,7 +1,7 @@
-import { includesLooseSearch } from './chunk-TUB3PFKQ.js';
+import { includesLooseSearch } from './chunk-W3HJGDAK.js';
 import { OverlayLayer } from './chunk-XQPTSEJC.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-Q2FNUNG6.js → chunk-VXJVGUKE.js}

@@ -1,5 +1,5 @@
-import { Icon, Badge } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon, Badge } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-TUB3PFKQ.js → chunk-W3HJGDAK.js}

@@ -1,6 +1,6 @@
-import { DateRangePicker } from './chunk-ZOUWMQSO.js';
+import { DateRangePicker } from './chunk-AKBVOXMH.js';
 import { useOverlayLayer } from './chunk-XQPTSEJC.js';
-import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-LBKIBSHY.js';
+import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-WOGLJBBD.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-LBKIBSHY.js → chunk-WOGLJBBD.js}

@@ -1,4 +1,4 @@
-import { mergeStyle, containerLayoutStyle, joinClass } from './chunk-SE3H5QCS.js';
+import { mergeStyle, containerLayoutStyle, joinClass } from './chunk-7TXK6LS7.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-2VJIERUW.js → chunk-XHW33PRH.js}

@@ -1,5 +1,5 @@
-import { Textarea, Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Textarea, Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useRef, useId, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-YGX4I6ZT.js → chunk-YZ2YOPUU.js}

@@ -1,6 +1,6 @@
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Spinner, Badge, Icon } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Spinner, Badge, Icon } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-6FLEB6A6.js → chunk-Z3VU7XQV.js}

@@ -1,6 +1,6 @@
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Icon, Badge, Checkbox, Select, Button } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Icon, Badge, Checkbox, Select, Button } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-M2Q2ZQIX.js → chunk-ZGNYD2ZP.js}

@@ -1,6 +1,6 @@
 import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
-import { Badge, Tag } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Badge, Tag } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-ANNLDR3C.js → chunk-ZYH4U3LJ.js}

@@ -1,7 +1,7 @@
-import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-6Q4RZDBA.js';
+import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-AODRYCWT.js';
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-LBKIBSHY.js';
-import { boxed } from './chunk-SE3H5QCS.js';
+import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-WOGLJBBD.js';
+import { boxed } from './chunk-7TXK6LS7.js';
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/index.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
 import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-Bx3oingj.js';
 export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-Bx3oingj.js';
-import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C7uTe1ue.js';
-export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C7uTe1ue.js';
-import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-B5Q3XhAY.js';
-export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-B5Q3XhAY.js';
+import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C3nRXMwb.js';
+export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C3nRXMwb.js';
+import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';
+export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-BK_jsV7i.js';
 
 /**
  * 호스트 앱 연결점 — ERP에서는 라우터·erpFetch·SSE가 하던 일을
@@ -1264,7 +1264,7 @@ interface GridProps extends SduiContainerLayoutProps {
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Grid({ columns, template, gap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
+declare function Grid({ columns, template, gap, rowGap, columnGap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
 type Justify = 'start' | 'center' | 'end' | 'between';
 interface SduiContainerRoleProps {
     /**
@@ -1282,7 +1282,7 @@ interface RowProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Row({ justify, gap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
+declare function Row({ justify, gap, rowGap, columnGap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
 interface ActionsProps extends SduiContainerLayoutProps {
     /** 가로 정렬 — 기본 end(우측) */
     justify?: Justify;
@@ -1296,13 +1296,13 @@ interface ActionsProps extends SduiContainerLayoutProps {
  * `justify = 'end'`가 **2단(타입별 기본)의 실제 사례**다. 전역 기본은 `.wp-row`의
  * `flex-start`인데 이 타입만 `end`로 시작하고, 스펙이 `justify`를 주면 그것이 이긴다.
  */
-declare function Actions({ justify, gap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
+declare function Actions({ justify, gap, rowGap, columnGap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
 interface ColProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Col({ gap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
+declare function Col({ gap, rowGap, columnGap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
 interface SpacerProps {
     /**
      * 간격 토큰 단계(`--wp-space-N`). 주면 "남는 공간 밀어내기"가 아니라
@@ -1319,7 +1319,7 @@ interface SectionProps extends SduiContainerLayoutProps {
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Section({ title, gap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
+declare function Section({ title, gap, rowGap, columnGap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
 type TextPreset = 'display-1' | 'display-2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body' | 'body-sm' | 'caption' | 'label' | 'overline' | 'micro' | 'metric' | 'metric-sm' | 'mono' | 'mono-xs'
 /**
  * 프리셋을 입히지 않는다 — 이 자리의 타이포를 그대로 물려받는다.