@multiplatform.one/components 7.4.1 → 7.6.0

package/dist/jsx/SortableList/SortableHandle.mjs

@@ -0,0 +1,87 @@
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { DotsSixVerticalIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { View } from "tamagui";
+import { useTranslation } from "../shared/i18n.mjs";
+import { withInterp } from "../shared/t.mjs";
+import { useSortableDragging } from "./useSortableRows.mjs";
+import { jsx } from "react/jsx-runtime";
+const GRIP_PX = 16;
+function SortableHandle({
+  label,
+  itemId,
+  dragging,
+  compact,
+  onPointerDown,
+  onKeyDown
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact
+  });
+  const well = knobProps.nestedControl.px;
+  const [kb, setKb] = useState(false);
+  const isDragging = useSortableDragging(itemId, dragging);
+  if (typeof document !== "undefined") ensureKeyboardModalityTracking();
+  return /* @__PURE__ */jsx(View, {
+    role: "button",
+    tabIndex: 0,
+    "aria-label": withInterp(t("Reorder {{label}}", {
+      label
+    }), {
+      label
+    }),
+    width: well,
+    height: well,
+    minWidth: well,
+    minHeight: well,
+    alignItems: "center",
+    justifyContent: "center",
+    opacity: isDragging ? 1 : 0.45,
+    hoverStyle: {
+      opacity: 1
+    },
+    ...{
+      tag: "button",
+      cursor: isDragging ? "grabbing" : "grab",
+      hitSlop: knobProps.nestedControl.hitSlop,
+      ...(kb ? keyboardFocusRingProps : {}),
+      "data-sortable-handle": itemId,
+      "data-focus-ring": "2/0",
+      onPointerDown: e => onPointerDown?.(e),
+      onKeyDown: e => onKeyDown?.(e),
+      onFocus: () => setKb(wasKeyboardFocus()),
+      onBlur: () => setKb(false)
+    },
+    children: /* @__PURE__ */jsx(DotsSixVerticalIcon, {
+      size: GRIP_PX,
+      weight: "bold"
+    })
+  });
+}
+function SortableHandleWell({
+  itemId,
+  compact
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact
+  });
+  const well = knobProps.nestedControl.px;
+  return /* @__PURE__ */jsx(View, {
+    width: well,
+    height: well,
+    minWidth: well,
+    minHeight: well,
+    ...{
+      "data-sortable-well": itemId
+    }
+  });
+}
+export { SortableHandle, SortableHandleWell };
+//# sourceMappingURL=SortableHandle.mjs.map

package/dist/jsx/SortableList/SortableHandle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","DotsSixVerticalIcon","useState","View","useTranslation","withInterp","useSortableDragging","jsx","GRIP_PX","SortableHandle","label","itemId","dragging","compact","onPointerDown","onKeyDown","t","knobProps","well","nestedControl","px","kb","setKb","isDragging","document","role","tabIndex","width","height","minWidth","minHeight","alignItems","justifyContent","opacity","hoverStyle","tag","cursor","hitSlop","e","onFocus","onBlur","children","size","weight","SortableHandleWell"],"sources":["../../../src/SortableList/SortableHandle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,8BAAA,EACAC,sBAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AACP,SAASC,mBAAA,QAA2B;AACpC,SAASC,QAAA,QAAgB;AACzB,SAASC,IAAA,QAAY;AACrB,SAASC,cAAA,QAAsB;AAC/B,SAASC,UAAA,QAAkB;AAC3B,SAASC,mBAAA,QAA2B;AAoE9B,SAAAC,GAAA;AAlEN,MAAMC,OAAA,GAAU;AAqBT,SAASC,eAAe;EAC7BC,KAAA;EACAC,MAAA;EACAC,QAAA;EACAC,OAAA;EACAC,aAAA;EACAC;AACF,GAAwB;EACtB,MAAM;IAAEC;EAAE,IAAIZ,cAAA,CAAe;EAC7B,MAAM;IAAEa;EAAU,IAAIlB,gBAAA,CAAiB;IAAEc;EAAQ,CAAC;EAClD,MAAMK,IAAA,GAAOD,SAAA,CAAUE,aAAA,CAAcC,EAAA;EACrC,MAAM,CAACC,EAAA,EAAIC,KAAK,IAAIpB,QAAA,CAAS,KAAK;EAClC,MAAMqB,UAAA,GAAajB,mBAAA,CAAoBK,MAAA,EAAQC,QAAQ;EACvD,IAAI,OAAOY,QAAA,KAAa,aAAa3B,8BAAA,CAA+B;EAEpE,OACE,eAAAU,GAAA,CAACJ,IAAA;IACCsB,IAAA,EAAK;IACLC,QAAA,EAAU;IACV,cAAYrB,UAAA,CAAWW,CAAA,CAAE,qBAAqB;MAAEN;IAAM,CAAC,GAAG;MAAEA;IAAM,CAAC;IACnEiB,KAAA,EAAOT,IAAA;IACPU,MAAA,EAAQV,IAAA;IACRW,QAAA,EAAUX,IAAA;IACVY,SAAA,EAAWZ,IAAA;IACXa,UAAA,EAAW;IACXC,cAAA,EAAe;IACfC,OAAA,EAASV,UAAA,GAAa,IAAI;IAC1BW,UAAA,EAAY;MAAED,OAAA,EAAS;IAAE;IACxB,GAAI;MACHE,GAAA,EAAK;MACLC,MAAA,EAAQb,UAAA,GAAa,aAAa;MAClCc,OAAA,EAASpB,SAAA,CAAUE,aAAA,CAAckB,OAAA;MACjC,IAAIhB,EAAA,GAAKvB,sBAAA,GAAyB,CAAC;MACnC,wBAAwBa,MAAA;MACxB,mBAAmB;MACnBG,aAAA,EAAgBwB,CAAA,IAIVxB,aAAA,GAAgBwB,CAAC;MACvBvB,SAAA,EAAYuB,CAAA,IAAmDvB,SAAA,GAAYuB,CAAC;MAC5EC,OAAA,EAASA,CAAA,KAAMjB,KAAA,CAAMtB,gBAAA,CAAiB,CAAC;MACvCwC,MAAA,EAAQA,CAAA,KAAMlB,KAAA,CAAM,KAAK;IAC3B;IAEAmB,QAAA,iBAAAlC,GAAA,CAACN,mBAAA;MAAoByC,IAAA,EAAMlC,OAAA;MAASmC,MAAA,EAAO;IAAA,CAAO;EAAA,CACpD;AAEJ;AAEO,SAASC,mBAAmB;EAAEjC,MAAA;EAAQE;AAAQ,GAA0C;EAC7F,MAAM;IAAEI;EAAU,IAAIlB,gBAAA,CAAiB;IAAEc;EAAQ,CAAC;EAClD,MAAMK,IAAA,GAAOD,SAAA,CAAUE,aAAA,CAAcC,EAAA;EACrC,OACE,eAAAb,GAAA,CAACJ,IAAA;IACCwB,KAAA,EAAOT,IAAA;IACPU,MAAA,EAAQV,IAAA;IACRW,QAAA,EAAUX,IAAA;IACVY,SAAA,EAAWZ,IAAA;IACV,GAAI;MAAE,sBAAsBP;IAAO;EAAA,CACtC;AAEJ","ignoreList":[]}

package/dist/jsx/SortableList/SortableHandle.native.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SortableHandle_exports = {};
+__export(SortableHandle_exports, {
+  SortableHandle: () => SortableHandle,
+  SortableHandleWell: () => SortableHandleWell
+});
+module.exports = __toCommonJS(SortableHandle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.native.js");
+var import_t = require("../shared/t.native.js");
+var import_useSortableRows = require("./useSortableRows.native.js");
+var GRIP_PX = 16;
+function SortableHandle(param) {
+  var {
+    label,
+    itemId,
+    dragging,
+    compact,
+    onPointerDown,
+    onKeyDown
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  var well = knobProps.nestedControl.px;
+  var [kb, setKb] = (0, import_react2.useState)(false);
+  var isDragging = (0, import_useSortableRows.useSortableDragging)(itemId, dragging);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    role: "button",
+    tabIndex: 0,
+    "aria-label": (0, import_t.withInterp)(t("Reorder {{label}}", {
+      label
+    }), {
+      label
+    }),
+    width: well,
+    height: well,
+    minWidth: well,
+    minHeight: well,
+    alignItems: "center",
+    justifyContent: "center",
+    opacity: isDragging ? 1 : 0.45,
+    hoverStyle: {
+      opacity: 1
+    },
+    ...{
+      tag: "button",
+      cursor: isDragging ? "grabbing" : "grab",
+      hitSlop: knobProps.nestedControl.hitSlop,
+      ...(kb ? import_theme.keyboardFocusRingProps : {}),
+      "data-sortable-handle": itemId,
+      "data-focus-ring": "2/0",
+      onPointerDown: function onPointerDown1(e) {
+        return onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(e);
+      },
+      onKeyDown: function onKeyDown1(e) {
+        return onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+      },
+      onFocus: function onFocus() {
+        return setKb((0, import_theme.wasKeyboardFocus)());
+      },
+      onBlur: function onBlur() {
+        return setKb(false);
+      }
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsSixVerticalIcon, {
+      size: GRIP_PX,
+      weight: "bold"
+    })
+  });
+}
+function SortableHandleWell(param) {
+  var {
+    itemId,
+    compact
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  var well = knobProps.nestedControl.px;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: well,
+    height: well,
+    minWidth: well,
+    minHeight: well,
+    ...{
+      "data-sortable-well": itemId
+    }
+  });
+}
+//# sourceMappingURL=SortableHandle.native.js.map

package/dist/jsx/SortableList/SortableHandle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SortableHandle_exports","SortableHandle","SortableHandleWell","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_tamagui","import_i18n","import_t","import_useSortableRows","GRIP_PX","param","label","itemId","dragging","compact","onPointerDown","onKeyDown","t","useTranslation","knobProps","useResolvedKnobs","well","nestedControl","px","kb","setKb","useState","isDragging","useSortableDragging","document","ensureKeyboardModalityTracking","jsx","View","role","tabIndex","withInterp","width","height","minWidth","minHeight","alignItems","justifyContent","opacity","hoverStyle","tag","cursor","hitSlop","keyboardFocusRingProps","onPointerDown1","e","onKeyDown1"],"sources":["../../../src/SortableList/SortableHandle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/SortableList/index.mjs

@@ -0,0 +1,188 @@
+import { MIN_PRESS_TARGET, ensureKeyboardModalityTracking, keyboardFocusRingProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useCallback, useId, useRef, useState } from "react";
+import { Text, View, XStack, YStack } from "tamagui";
+import { useTranslation } from "../shared/i18n.mjs";
+import { LIFT_SCALE } from "../views/kanbanDnd.mjs";
+import { SortableHandle, SortableHandleWell } from "./SortableHandle.mjs";
+import { useSortableRows } from "./useSortableRows.mjs";
+import { SortableHandle as SortableHandle2, SortableHandleWell as SortableHandleWell2 } from "./SortableHandle.mjs";
+import { SortableSessionProvider, useSortableRows as useSortableRows2 } from "./useSortableRows.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const LIFT_SHADOW = {
+  shadowColor: "#000",
+  shadowOffset: {
+    width: 0,
+    height: 10
+  },
+  shadowOpacity: 0.15,
+  shadowRadius: 20
+};
+function SortableList({
+  items,
+  getId,
+  getLabel,
+  renderItem,
+  onChange,
+  canReorder,
+  disabled,
+  readOnly,
+  disabledStyle = "keepLabel",
+  compact,
+  emptyMessage: emptyMessageProp,
+  "aria-label": ariaLabel,
+  ...stackProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const emptyMessage = emptyMessageProp ?? t("No rows yet");
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact
+  });
+  const listId = useId();
+  const containerRef = useRef(null);
+  const enabled = !disabled && !readOnly && !!onChange;
+  const [rowKb, setRowKb] = useState(null);
+  if (typeof document !== "undefined") ensureKeyboardModalityTracking();
+  const sortable = useSortableRows({
+    items,
+    getId,
+    getLabel,
+    canReorder,
+    onChange,
+    enabled,
+    containerRef
+  });
+  const onRowFocus = useCallback((id, index) => {
+    sortable.setFocusedIndex(index);
+    if (wasKeyboardFocus()) setRowKb(id);
+  }, [sortable]);
+  return /* @__PURE__ */jsxs(YStack, {
+    ref: containerRef,
+    ...knobProps.surface,
+    ...knobProps.borderRadiusOuter,
+    overflow: "hidden",
+    role: "list",
+    "aria-label": ariaLabel,
+    id: listId,
+    ...stackProps,
+    children: [items.length === 0 ? /* @__PURE__ */jsx(YStack, {
+      minHeight: 88,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      children: /* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        color: "$color11",
+        children: emptyMessage
+      })
+    }) : items.map((item, index) => {
+      const id = sortable.ids[index];
+      const label = sortable.labels[index];
+      const canDrag = sortable.rowEnabled(index);
+      const isSource = sortable.session?.id === id;
+      const isKbFocus = rowKb === id && !sortable.session;
+      const y = sortable.translateForIndex(index);
+      const dimWhole = !canDrag && disabledStyle === "dimWhole";
+      return /* @__PURE__ */jsxs(XStack, {
+        role: "listitem",
+        tabIndex: canDrag || !enabled ? 0 : -1,
+        minHeight: MIN_PRESS_TARGET,
+        alignItems: "center",
+        gap: "$2",
+        paddingLeft: "$2",
+        paddingRight: "$3",
+        opacity: isSource && sortable.session?.mode === "pointer" ? 0.4 : dimWhole ? 0.5 : 1,
+        backgroundColor: isSource && sortable.session?.mode === "pointer" ? "$color1" : "transparent",
+        borderWidth: isSource && sortable.session?.mode === "pointer" ? 1 : 0,
+        borderStyle: isSource && sortable.session?.mode === "pointer" ? "dashed" : "solid",
+        borderColor: "$color7",
+        y,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        ...{
+          ...(isKbFocus ? keyboardFocusRingProps : {
+            outlineWidth: 0
+          }),
+          "data-sortable-row": id,
+          "aria-disabled": canDrag ? void 0 : true,
+          onKeyDown: e => sortable.onRowKeyDown(index, e),
+          onFocus: () => onRowFocus(id, index),
+          onBlur: () => setRowKb(cur => cur === id ? null : cur)
+        },
+        children: [canDrag ? /* @__PURE__ */jsx(SortableHandle, {
+          label,
+          itemId: id,
+          compact,
+          dragging: isSource,
+          onPointerDown: e => sortable.onHandlePointerDown(index, e),
+          onKeyDown: e => sortable.onHandleKeyDown(index, e)
+        }) : enabled ? /* @__PURE__ */jsx(SortableHandleWell, {
+          itemId: id,
+          compact
+        }) : null, /* @__PURE__ */jsx(XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "center",
+          opacity: dimWhole ? 1 : void 0,
+          children: renderItem ? renderItem(item, index) : /* @__PURE__ */jsx(Text, {
+            ...knobProps.body,
+            color: "$color12",
+            numberOfLines: 1,
+            flex: 1,
+            children: label
+          })
+        })]
+      }, id);
+    }), sortable.session?.mode === "keyboard" ? /* @__PURE__ */jsx(View, {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      y: sortable.session.targetIndex * (sortable.session.size || MIN_PRESS_TARGET),
+      minHeight: MIN_PRESS_TARGET,
+      alignItems: "center",
+      paddingLeft: "$2",
+      paddingRight: "$3",
+      backgroundColor: "$color2",
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      scale: LIFT_SCALE,
+      ...LIFT_SHADOW,
+      pointerEvents: "none",
+      zIndex: 5,
+      ...{
+        "data-sortable-fly": sortable.session.id
+      },
+      children: /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        minHeight: MIN_PRESS_TARGET,
+        children: [/* @__PURE__ */jsx(SortableHandle, {
+          label: sortable.session.label,
+          itemId: sortable.session.id,
+          dragging: true
+        }), /* @__PURE__ */jsx(Text, {
+          ...knobProps.body,
+          children: sortable.session.label
+        })]
+      })
+    }) : null, enabled ? /* @__PURE__ */jsx(View, {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      overflow: "hidden",
+      opacity: 0,
+      pointerEvents: "none",
+      ...sortable.liveProps,
+      children: /* @__PURE__ */jsx(Text, {
+        children: sortable.announcement
+      })
+    }) : null]
+  });
+}
+export { SortableHandle2 as SortableHandle, SortableHandleWell2 as SortableHandleWell, SortableList, SortableSessionProvider, useSortableRows2 as useSortableRows };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/SortableList/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_PRESS_TARGET","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","useCallback","useId","useRef","useState","Text","View","XStack","YStack","useTranslation","LIFT_SCALE","SortableHandle","SortableHandleWell","useSortableRows","SortableHandle2","SortableHandleWell2","SortableSessionProvider","useSortableRows2","jsx","jsxs","LIFT_SHADOW","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","SortableList","items","getId","getLabel","renderItem","onChange","canReorder","disabled","readOnly","disabledStyle","compact","emptyMessage","emptyMessageProp","ariaLabel","stackProps","t","knobProps","listId","containerRef","enabled","rowKb","setRowKb","document","sortable","onRowFocus","id","index","setFocusedIndex","ref","surface","borderRadiusOuter","overflow","role","children","length","minHeight","alignItems","justifyContent","opacity","body","color","map","item","ids","label","labels","canDrag","rowEnabled","isSource","session","isKbFocus","y","translateForIndex","dimWhole","tabIndex","gap","paddingLeft","paddingRight","mode","backgroundColor","borderWidth","borderStyle","borderColor","hoverStyle","outlineWidth","onKeyDown","e","onRowKeyDown","onFocus","onBlur","cur","itemId","dragging","onPointerDown","onHandlePointerDown","onHandleKeyDown","flex","minWidth","numberOfLines","position","left","right","targetIndex","size","borderRadius","scale","pointerEvents","zIndex","liveProps","announcement"],"sources":["../../../src/SortableList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/SortableList/index.native.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SortableList_exports = {};
+__export(SortableList_exports, {
+  SortableHandle: () => import_SortableHandle2.SortableHandle,
+  SortableHandleWell: () => import_SortableHandle2.SortableHandleWell,
+  SortableList: () => SortableList,
+  SortableSessionProvider: () => import_useSortableRows2.SortableSessionProvider,
+  useSortableRows: () => import_useSortableRows2.useSortableRows
+});
+module.exports = __toCommonJS(SortableList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.native.js");
+var import_kanbanDnd = require("../views/kanbanDnd.native.js");
+var import_SortableHandle = require("./SortableHandle.native.js");
+var import_useSortableRows = require("./useSortableRows.native.js");
+var import_SortableHandle2 = require("./SortableHandle.native.js");
+var import_useSortableRows2 = require("./useSortableRows.native.js");
+var LIFT_SHADOW = {
+  shadowColor: "#000",
+  shadowOffset: {
+    width: 0,
+    height: 10
+  },
+  shadowOpacity: 0.15,
+  shadowRadius: 20
+};
+function SortableList(param) {
+  var {
+    items,
+    getId,
+    getLabel,
+    renderItem,
+    onChange,
+    canReorder,
+    disabled,
+    readOnly,
+    disabledStyle = "keepLabel",
+    compact,
+    emptyMessage: emptyMessageProp,
+    "aria-label": ariaLabel,
+    ...stackProps
+  } = param;
+  var _sortable_session;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t("No rows yet");
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  var listId = (0, import_react.useId)();
+  var containerRef = (0, import_react.useRef)(null);
+  var enabled = !disabled && !readOnly && !!onChange;
+  var [rowKb, setRowKb] = (0, import_react.useState)(null);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
+  var sortable = (0, import_useSortableRows.useSortableRows)({
+    items,
+    getId,
+    getLabel,
+    canReorder,
+    onChange,
+    enabled,
+    containerRef
+  });
+  var onRowFocus = (0, import_react.useCallback)(function (id, index) {
+    sortable.setFocusedIndex(index);
+    if ((0, import_theme.wasKeyboardFocus)()) setRowKb(id);
+  }, [sortable]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ref: containerRef,
+    ...knobProps.surface,
+    ...knobProps.borderRadiusOuter,
+    overflow: "hidden",
+    role: "list",
+    "aria-label": ariaLabel,
+    id: listId,
+    ...stackProps,
+    children: [items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      minHeight: 88,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        color: "$color11",
+        children: emptyMessage
+      })
+    }) : items.map(function (item, index) {
+      var _sortable_session2, _sortable_session1, _sortable_session22, _sortable_session3, _sortable_session4;
+      var id = sortable.ids[index];
+      var label = sortable.labels[index];
+      var canDrag = sortable.rowEnabled(index);
+      var isSource = ((_sortable_session2 = sortable.session) === null || _sortable_session2 === void 0 ? void 0 : _sortable_session2.id) === id;
+      var isKbFocus = rowKb === id && !sortable.session;
+      var y = sortable.translateForIndex(index);
+      var dimWhole = !canDrag && disabledStyle === "dimWhole";
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        role: "listitem",
+        tabIndex: canDrag || !enabled ? 0 : -1,
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        alignItems: "center",
+        gap: "$2",
+        paddingLeft: "$2",
+        paddingRight: "$3",
+        opacity: isSource && ((_sortable_session1 = sortable.session) === null || _sortable_session1 === void 0 ? void 0 : _sortable_session1.mode) === "pointer" ? 0.4 : dimWhole ? 0.5 : 1,
+        backgroundColor: isSource && ((_sortable_session22 = sortable.session) === null || _sortable_session22 === void 0 ? void 0 : _sortable_session22.mode) === "pointer" ? "$color1" : "transparent",
+        borderWidth: isSource && ((_sortable_session3 = sortable.session) === null || _sortable_session3 === void 0 ? void 0 : _sortable_session3.mode) === "pointer" ? 1 : 0,
+        borderStyle: isSource && ((_sortable_session4 = sortable.session) === null || _sortable_session4 === void 0 ? void 0 : _sortable_session4.mode) === "pointer" ? "dashed" : "solid",
+        borderColor: "$color7",
+        y,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        ...{
+          ...(isKbFocus ? import_theme.keyboardFocusRingProps : {
+            outlineWidth: 0
+          }),
+          "data-sortable-row": id,
+          "aria-disabled": canDrag ? void 0 : true,
+          onKeyDown: function onKeyDown(e) {
+            return sortable.onRowKeyDown(index, e);
+          },
+          onFocus: function onFocus() {
+            return onRowFocus(id, index);
+          },
+          onBlur: function onBlur() {
+            return setRowKb(function (cur) {
+              return cur === id ? null : cur;
+            });
+          }
+        },
+        children: [canDrag ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandle, {
+          label,
+          itemId: id,
+          compact,
+          dragging: isSource,
+          onPointerDown: function onPointerDown(e) {
+            return sortable.onHandlePointerDown(index, e);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return sortable.onHandleKeyDown(index, e);
+          }
+        }) : enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandleWell, {
+          itemId: id,
+          compact
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "center",
+          opacity: dimWhole ? 1 : void 0,
+          children: renderItem ? renderItem(item, index) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            color: "$color12",
+            numberOfLines: 1,
+            flex: 1,
+            children: label
+          })
+        })]
+      }, id);
+    }), ((_sortable_session = sortable.session) === null || _sortable_session === void 0 ? void 0 : _sortable_session.mode) === "keyboard" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      y: sortable.session.targetIndex * (sortable.session.size || import_theme.MIN_PRESS_TARGET),
+      minHeight: import_theme.MIN_PRESS_TARGET,
+      alignItems: "center",
+      paddingLeft: "$2",
+      paddingRight: "$3",
+      backgroundColor: "$color2",
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      scale: import_kanbanDnd.LIFT_SCALE,
+      ...LIFT_SHADOW,
+      pointerEvents: "none",
+      zIndex: 5,
+      ...{
+        "data-sortable-fly": sortable.session.id
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandle, {
+          label: sortable.session.label,
+          itemId: sortable.session.id,
+          dragging: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          ...knobProps.body,
+          children: sortable.session.label
+        })]
+      })
+    }) : null, enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      overflow: "hidden",
+      opacity: 0,
+      pointerEvents: "none",
+      ...sortable.liveProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        children: sortable.announcement
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map