@kjun-ui/native 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -4064,7 +4064,7 @@ function KjunTooltip({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native29.View, { ref, collapsable: false, style: { alignSelf: "flex-start" }, children: child ? (0, import_react35.cloneElement)(child, handlers) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccessiblePressable, { ...handlers, children }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native29.View, { ref, collapsable: false, style: { alignSelf: (childProps == null ? void 0 : childProps.block) ? "stretch" : "flex-start" }, children: child ? (0, import_react35.cloneElement)(child, handlers) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccessiblePressable, { ...handlers, children }) }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       FloatingPanel,
       {
@@ -7052,12 +7052,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 var import_tokens43 = require("@kjun-ui/tokens");
 var import_react56 = require("react");
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7077,17 +7101,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = (0, import_react56.useState)([]), [search, setSearch] = (0, import_react56.useState)(""), timer = (0, import_react56.useRef)(void 0);
   (0, import_react56.useEffect)(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7112,14 +7128,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }
@@ -9603,7 +9615,8 @@ function KjunQuantityStepper({ value, min = 0, max, step = 1, precision = 0, dis
     };
   }, []);
   const surfaceBox = { position: "absolute", left: 0, right: 0, top: "50%", height: import_tokens60.tokens.input[size].height, marginTop: -import_tokens60.tokens.input[size].height / 2, borderRadius: surface.spec.radius };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react_native62.View, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%" }, children: [
+  const hug = import_react_native62.Platform.OS === "web" && !block ? { width: "fit-content" } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react_native62.View, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%", borderRadius: surface.spec.radius, ...hug }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_native62.View, { pointerEvents: "none", "aria-hidden": true, style: { ...surfaceBox, backgroundColor: colors.inputBg } }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CompoundTarget, { square: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(KjunButton, { size, style: decreaseStyle, variant: "ghost", ariaLabel: "\uC218\uB7C9 \uC904\uC774\uAE30", disabled: blocked || value <= min, onPress: () => move(-1), prefixIcon: "minus" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_native62.View, { style: { flex: block ? 1 : void 0, width: block ? void 0 : geometry2.valueWidth, minWidth: 0, minHeight: finePointer() ? void 0 : import_tokens60.tokens.native.minimumTouchTarget, justifyContent: "center" }, ...fieldTarget(() => {

package/dist/index.js

@@ -4079,7 +4079,7 @@ function KjunTooltip({
     }
   };
   return /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx25(View19, { ref, collapsable: false, style: { alignSelf: "flex-start" }, children: child ? cloneElement3(child, handlers) : /* @__PURE__ */ jsx25(AccessiblePressable, { ...handlers, children }) }),
+    /* @__PURE__ */ jsx25(View19, { ref, collapsable: false, style: { alignSelf: (childProps == null ? void 0 : childProps.block) ? "stretch" : "flex-start" }, children: child ? cloneElement3(child, handlers) : /* @__PURE__ */ jsx25(AccessiblePressable, { ...handlers, children }) }),
     /* @__PURE__ */ jsx25(
       FloatingPanel,
       {
@@ -7091,12 +7091,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 import { nextTableSort } from "@kjun-ui/tokens";
 import { useEffect as useEffect23, useRef as useRef31, useState as useState33 } from "react";
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7116,17 +7140,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = useState33([]), [search, setSearch] = useState33(""), timer = useRef31(void 0);
   useEffect23(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7151,14 +7167,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }
@@ -9654,7 +9666,8 @@ function KjunQuantityStepper({ value, min = 0, max, step = 1, precision = 0, dis
     };
   }, []);
   const surfaceBox = { position: "absolute", left: 0, right: 0, top: "50%", height: tokens57.input[size].height, marginTop: -tokens57.input[size].height / 2, borderRadius: surface.spec.radius };
-  return /* @__PURE__ */ jsx59(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ jsxs45(View52, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%" }, children: [
+  const hug = Platform27.OS === "web" && !block ? { width: "fit-content" } : {};
+  return /* @__PURE__ */ jsx59(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ jsxs45(View52, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%", borderRadius: surface.spec.radius, ...hug }, children: [
     /* @__PURE__ */ jsx59(View52, { pointerEvents: "none", "aria-hidden": true, style: { ...surfaceBox, backgroundColor: colors.inputBg } }),
     /* @__PURE__ */ jsx59(CompoundTarget, { square: true, children: /* @__PURE__ */ jsx59(KjunButton, { size, style: decreaseStyle, variant: "ghost", ariaLabel: "\uC218\uB7C9 \uC904\uC774\uAE30", disabled: blocked || value <= min, onPress: () => move(-1), prefixIcon: "minus" }) }),
     /* @__PURE__ */ jsx59(View52, { style: { flex: block ? 1 : void 0, width: block ? void 0 : geometry2.valueWidth, minWidth: 0, minHeight: finePointer() ? void 0 : tokens57.native.minimumTouchTarget, justifyContent: "center" }, ...fieldTarget(() => {

package/dist/index.web.cjs

@@ -4226,7 +4226,7 @@ function KjunTooltip({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native29.View, { ref, collapsable: false, style: { alignSelf: "flex-start" }, children: child ? (0, import_react38.cloneElement)(child, handlers) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccessiblePressable, { ...handlers, children }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native29.View, { ref, collapsable: false, style: { alignSelf: (childProps == null ? void 0 : childProps.block) ? "stretch" : "flex-start" }, children: child ? (0, import_react38.cloneElement)(child, handlers) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccessiblePressable, { ...handlers, children }) }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       FloatingPanel,
       {
@@ -7307,12 +7307,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 var import_tokens44 = require("@kjun-ui/tokens");
 var import_react60 = require("react");
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7332,17 +7356,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = (0, import_react60.useState)([]), [search, setSearch] = (0, import_react60.useState)(""), timer = (0, import_react60.useRef)(void 0);
   (0, import_react60.useEffect)(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7367,14 +7383,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }
@@ -9858,7 +9870,8 @@ function KjunQuantityStepper({ value, min = 0, max, step = 1, precision = 0, dis
     };
   }, []);
   const surfaceBox = { position: "absolute", left: 0, right: 0, top: "50%", height: import_tokens61.tokens.input[size].height, marginTop: -import_tokens61.tokens.input[size].height / 2, borderRadius: surface.spec.radius };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react_native62.View, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%" }, children: [
+  const hug = import_react_native62.Platform.OS === "web" && !block ? { width: "fit-content" } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react_native62.View, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%", borderRadius: surface.spec.radius, ...hug }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_native62.View, { pointerEvents: "none", "aria-hidden": true, style: { ...surfaceBox, backgroundColor: colors.inputBg } }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CompoundTarget, { square: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(KjunButton, { size, style: decreaseStyle, variant: "ghost", ariaLabel: "\uC218\uB7C9 \uC904\uC774\uAE30", disabled: blocked || value <= min, onPress: () => move(-1), prefixIcon: "minus" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_native62.View, { style: { flex: block ? 1 : void 0, width: block ? void 0 : geometry2.valueWidth, minWidth: 0, minHeight: finePointer() ? void 0 : import_tokens61.tokens.native.minimumTouchTarget, justifyContent: "center" }, ...fieldTarget(() => {

package/dist/index.web.js

@@ -4241,7 +4241,7 @@ function KjunTooltip({
     }
   };
   return /* @__PURE__ */ jsxs16(Fragment6, { children: [
-    /* @__PURE__ */ jsx25(View20, { ref, collapsable: false, style: { alignSelf: "flex-start" }, children: child ? cloneElement3(child, handlers) : /* @__PURE__ */ jsx25(AccessiblePressable, { ...handlers, children }) }),
+    /* @__PURE__ */ jsx25(View20, { ref, collapsable: false, style: { alignSelf: (childProps == null ? void 0 : childProps.block) ? "stretch" : "flex-start" }, children: child ? cloneElement3(child, handlers) : /* @__PURE__ */ jsx25(AccessiblePressable, { ...handlers, children }) }),
     /* @__PURE__ */ jsx25(
       FloatingPanel,
       {
@@ -7346,12 +7346,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 import { nextTableSort } from "@kjun-ui/tokens";
 import { useEffect as useEffect23, useRef as useRef33, useState as useState34 } from "react";
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7371,17 +7395,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = useState34([]), [search, setSearch] = useState34(""), timer = useRef33(void 0);
   useEffect23(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7406,14 +7422,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }
@@ -9909,7 +9921,8 @@ function KjunQuantityStepper({ value, min = 0, max, step = 1, precision = 0, dis
     };
   }, []);
   const surfaceBox = { position: "absolute", left: 0, right: 0, top: "50%", height: tokens58.input[size].height, marginTop: -tokens58.input[size].height / 2, borderRadius: surface.spec.radius };
-  return /* @__PURE__ */ jsx59(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ jsxs46(View53, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%" }, children: [
+  const hug = Platform27.OS === "web" && !block ? { width: "fit-content" } : {};
+  return /* @__PURE__ */ jsx59(IconFallbacks, { icons: componentIcons, children: /* @__PURE__ */ jsxs46(View53, { style: { flexDirection: "row", alignItems: "center", alignSelf: block ? "stretch" : "flex-start", maxWidth: "100%", borderRadius: surface.spec.radius, ...hug }, children: [
     /* @__PURE__ */ jsx59(View53, { pointerEvents: "none", "aria-hidden": true, style: { ...surfaceBox, backgroundColor: colors.inputBg } }),
     /* @__PURE__ */ jsx59(CompoundTarget, { square: true, children: /* @__PURE__ */ jsx59(KjunButton, { size, style: decreaseStyle, variant: "ghost", ariaLabel: "\uC218\uB7C9 \uC904\uC774\uAE30", disabled: blocked || value <= min, onPress: () => move(-1), prefixIcon: "minus" }) }),
     /* @__PURE__ */ jsx59(View53, { style: { flex: block ? 1 : void 0, width: block ? void 0 : geometry2.valueWidth, minWidth: 0, minHeight: finePointer() ? void 0 : tokens58.native.minimumTouchTarget, justifyContent: "center" }, ...fieldTarget(() => {