@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/esm/views/TreeView.mjs

@@ -0,0 +1,228 @@
+import { componentColors } from "../componentColors.mjs";
+import { FlashList } from "@shopify/flash-list";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { CaretDownIcon, CaretRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from "@phosphor-icons/react";
+import { useHotkey } from "@tanstack/react-hotkeys";
+import { useCallback, useId, useMemo, useRef, useState } from "react";
+import { ListItem, Text, View, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TreeView({
+  nodes,
+  renderNode = node => node.label,
+  onNodeToggle,
+  onNodeSelect,
+  estimateSize: estimateSizeProp,
+  overscan = 10,
+  height: heightProp,
+  emptyMessage = "No items found",
+  defaultExpandedIds,
+  hotkeys: hotkeyOverrides,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const sz = knobProps.sizeToken;
+  const estimateSize = estimateSizeProp ?? (sz === "$3" ? 30 : sz === "$5" ? 44 : 36);
+  const height = heightProp ?? (sz === "$3" ? 320 : sz === "$5" ? 480 : 400);
+  const expandIconSize = sz === "$3" ? 16 : sz === "$5" ? 24 : 20;
+  const treeId = useId();
+  const containerRef = useRef(null);
+  const flashListRef = useRef(null);
+  const [focusedIndex, setFocusedIndex] = useState(-1);
+  const [expandedIds, setExpandedIds] = useState(() => new Set(defaultExpandedIds ?? []));
+  const toggleNode = useCallback(node => {
+    setExpandedIds(prev => {
+      const next = new Set(prev);
+      if (next.has(node.id)) {
+        next.delete(node.id);
+      } else {
+        next.add(node.id);
+      }
+      return next;
+    });
+    onNodeToggle?.(node);
+  }, [onNodeToggle]);
+  const flatNodes = useMemo(() => {
+    const result = [];
+    const walk = (items, depth) => {
+      for (const node of items) {
+        const hasChildren = (node.children?.length ?? 0) > 0;
+        const isExpanded = expandedIds.has(node.id);
+        result.push({
+          node,
+          depth,
+          hasChildren,
+          isExpanded,
+          index: result.length
+        });
+        if (isExpanded && node.children) {
+          walk(node.children, depth + 1);
+        }
+      }
+    };
+    walk(nodes, 0);
+    return result;
+  }, [nodes, expandedIds]);
+  const scrollToIndex = useCallback(index => {
+    if (index >= 0 && index < flatNodes.length) {
+      flashListRef.current?.scrollToIndex({
+        index,
+        animated: true
+      });
+    }
+  }, [flatNodes.length]);
+  const hotkeyOpts = {
+    target: containerRef
+  };
+  useHotkey(hotkeyOverrides?.next ?? "ArrowDown", () => {
+    setFocusedIndex(prev => {
+      const next = prev < 0 ? 0 : Math.min(prev + 1, flatNodes.length - 1);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.prev ?? "ArrowUp", () => {
+    setFocusedIndex(prev => {
+      const next = prev < 0 ? flatNodes.length - 1 : Math.max(prev - 1, 0);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.expand ?? "ArrowRight", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      const {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && !isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.collapse ?? "ArrowLeft", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      const {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.select ?? "Enter", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      onNodeSelect?.(flatNodes[focusedIndex].node);
+    }
+  }, hotkeyOpts);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */jsx(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: /* @__PURE__ */jsx(Text, {
+        color: componentColors.text.muted,
+        children: emptyMessage
+      })
+    });
+  }
+  const effectiveFocused = focusedIndex >= flatNodes.length ? -1 : focusedIndex;
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.borderRadius,
+    ...stackProps,
+    children: /* @__PURE__ */jsx(View, {
+      ref: containerRef,
+      role: "tree",
+      "aria-activedescendant": effectiveFocused >= 0 ? `${treeId}-node-${effectiveFocused}` : void 0,
+      tabIndex: 0,
+      outlineWidth: 0,
+      style: {
+        height
+      },
+      children: /* @__PURE__ */jsx(FlashList, {
+        ref: flashListRef,
+        data: flatNodes,
+        drawDistance: overscan * estimateSize,
+        keyExtractor: item => item.node.id,
+        extraData: effectiveFocused,
+        renderItem: ({
+          item,
+          index
+        }) => {
+          const {
+            node,
+            depth,
+            hasChildren,
+            isExpanded
+          } = item;
+          const isFocused = effectiveFocused === index;
+          return /* @__PURE__ */jsx(ListItem, {
+            id: `${treeId}-node-${index}`,
+            role: "treeitem",
+            "aria-expanded": hasChildren ? isExpanded : void 0,
+            "aria-selected": isFocused,
+            "aria-level": depth + 1,
+            size: knobProps.sizeToken,
+            paddingLeft: `$${Math.max(depth * 4, 1)}`,
+            icon: hasChildren ? /* @__PURE__ */jsxs(View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */jsx(View, {
+                onPress: () => toggleNode(node),
+                width: expandIconSize,
+                height: expandIconSize,
+                alignItems: "center",
+                justifyContent: "center",
+                cursor: "pointer",
+                children: isExpanded ? /* @__PURE__ */jsx(CaretDownIcon, {
+                  size: 14,
+                  weight: "bold"
+                }) : /* @__PURE__ */jsx(CaretRightIcon, {
+                  size: 14,
+                  weight: "bold"
+                })
+              }), isExpanded ? /* @__PURE__ */jsx(FolderOpenIcon, {
+                size: 18,
+                weight: "duotone"
+              }) : /* @__PURE__ */jsx(FolderIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }) : /* @__PURE__ */jsxs(View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */jsx(View, {
+                style: {
+                  width: expandIconSize
+                }
+              }), /* @__PURE__ */jsx(FileIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }),
+            title: renderNode(node, depth),
+            backgroundColor: isFocused ? "$accentBackground" : index % 2 === 1 ? {
+              backgroundColor: componentColors.surface.background
+            }?.backgroundColor ?? componentColors.surface.background : "transparent",
+            hoverStyle: {
+              backgroundColor: componentColors.interactive.background
+            },
+            pressStyle: {
+              backgroundColor: componentColors.interactive.hover
+            },
+            ...knobProps.borderRadius,
+            cursor: "pointer",
+            onPress: () => onNodeSelect?.(node)
+          });
+        }
+      })
+    })
+  });
+}
+export { TreeView };
+//# sourceMappingURL=TreeView.mjs.map

package/dist/esm/views/TreeView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentColors","FlashList","useResolvedKnobs","CaretDownIcon","CaretRightIcon","FileIcon","FolderIcon","FolderOpenIcon","useHotkey","useCallback","useId","useMemo","useRef","useState","ListItem","Text","View","YStack","jsx","jsxs","TreeView","nodes","renderNode","node","label","onNodeToggle","onNodeSelect","estimateSize","estimateSizeProp","overscan","height","heightProp","emptyMessage","defaultExpandedIds","hotkeys","hotkeyOverrides","stackProps","knobProps","sz","sizeToken","expandIconSize","treeId","containerRef","flashListRef","focusedIndex","setFocusedIndex","expandedIds","setExpandedIds","Set","toggleNode","prev","next","has","id","delete","add","flatNodes","result","walk","items","depth","hasChildren","children","length","isExpanded","push","index","scrollToIndex","current","animated","hotkeyOpts","target","Math","min","max","expand","collapse","select","panelPadding","alignItems","color","text","muted","effectiveFocused","borderRadius","ref","role","tabIndex","outlineWidth","style","data","drawDistance","keyExtractor","item","extraData","renderItem","isFocused","size","paddingLeft","icon","flexDirection","gap","onPress","width","justifyContent","cursor","weight","title","backgroundColor","surface","background","hoverStyle","interactive","pressStyle","hover"],"sources":["../../../src/views/TreeView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,SAAA,QAAoC;AAC7C,SAASC,gBAAA,QAAwB;AACjC,SACEC,aAAA,EACAC,cAAA,EACAC,QAAA,EACAC,UAAA,EACAC,cAAA,QACK;AACP,SAASC,SAAA,QAAiB;AAE1B,SAAgBC,WAAA,EAAaC,KAAA,EAAOC,OAAA,EAASC,MAAA,EAAQC,QAAA,QAAgB;AACrE,SAASC,QAAA,EAAUC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAgC;AAuOvD,SAAAC,GAAA,EA0CYC,IAAA,QA1CZ;AA3ID,SAASC,SAAsB;EACpCC,KAAA;EACAC,UAAA,GAAcC,IAAA,IAASA,IAAA,CAAKC,KAAA;EAC5BC,YAAA;EACAC,YAAA;EACAC,YAAA,EAAcC,gBAAA;EACdC,QAAA,GAAW;EACXC,MAAA,EAAQC,UAAA;EACRC,YAAA,GAAe;EACfC,kBAAA;EACAC,OAAA,EAASC,eAAA;EACT,GAAGC;AACL,GAAqB;EACnB,MAAM;IAAEC;EAAU,IAAInC,gBAAA,CAAiB;EACvC,MAAMoC,EAAA,GAAKD,SAAA,CAAUE,SAAA;EACrB,MAAMZ,YAAA,GAAeC,gBAAA,KAAqBU,EAAA,KAAO,OAAO,KAAKA,EAAA,KAAO,OAAO,KAAK;EAChF,MAAMR,MAAA,GAASC,UAAA,KAAeO,EAAA,KAAO,OAAO,MAAMA,EAAA,KAAO,OAAO,MAAM;EACtE,MAAME,cAAA,GAAiBF,EAAA,KAAO,OAAO,KAAKA,EAAA,KAAO,OAAO,KAAK;EAC7D,MAAMG,MAAA,GAAS/B,KAAA,CAAM;EACrB,MAAMgC,YAAA,GAAe9B,MAAA,CAAuB,IAAI;EAChD,MAAM+B,YAAA,GAAe/B,MAAA,CAAkC,IAAI;EAC3D,MAAM,CAACgC,YAAA,EAAcC,eAAe,IAAIhC,QAAA,CAAS,EAAE;EACnD,MAAM,CAACiC,WAAA,EAAaC,cAAc,IAAIlC,QAAA,CACpC,MAAM,IAAImC,GAAA,CAAIf,kBAAA,IAAsB,EAAE,CACxC;EAEA,MAAMgB,UAAA,GAAaxC,WAAA,CAChBc,IAAA,IAAsB;IACrBwB,cAAA,CAAgBG,IAAA,IAAS;MACvB,MAAMC,IAAA,GAAO,IAAIH,GAAA,CAAIE,IAAI;MACzB,IAAIC,IAAA,CAAKC,GAAA,CAAI7B,IAAA,CAAK8B,EAAE,GAAG;QACrBF,IAAA,CAAKG,MAAA,CAAO/B,IAAA,CAAK8B,EAAE;MACrB,OAAO;QACLF,IAAA,CAAKI,GAAA,CAAIhC,IAAA,CAAK8B,EAAE;MAClB;MACA,OAAOF,IAAA;IACT,CAAC;IACD1B,YAAA,GAAeF,IAAI;EACrB,GACA,CAACE,YAAY,CACf;EAGA,MAAM+B,SAAA,GAAY7C,OAAA,CAAQ,MAAM;IAC9B,MAAM8C,MAAA,GAAwB,EAAC;IAE/B,MAAMC,IAAA,GAAOA,CAACC,KAAA,EAAsBC,KAAA,KAAkB;MACpD,WAAWrC,IAAA,IAAQoC,KAAA,EAAO;QACxB,MAAME,WAAA,IAAetC,IAAA,CAAKuC,QAAA,EAAUC,MAAA,IAAU,KAAK;QACnD,MAAMC,UAAA,GAAalB,WAAA,CAAYM,GAAA,CAAI7B,IAAA,CAAK8B,EAAE;QAC1CI,MAAA,CAAOQ,IAAA,CAAK;UAAE1C,IAAA;UAAMqC,KAAA;UAAOC,WAAA;UAAaG,UAAA;UAAYE,KAAA,EAAOT,MAAA,CAAOM;QAAO,CAAC;QAC1E,IAAIC,UAAA,IAAczC,IAAA,CAAKuC,QAAA,EAAU;UAC/BJ,IAAA,CAAKnC,IAAA,CAAKuC,QAAA,EAAUF,KAAA,GAAQ,CAAC;QAC/B;MACF;IACF;IAEAF,IAAA,CAAKrC,KAAA,EAAO,CAAC;IACb,OAAOoC,MAAA;EACT,GAAG,CAACpC,KAAA,EAAOyB,WAAW,CAAC;EAGvB,MAAMqB,aAAA,GAAgB1D,WAAA,CACnByD,KAAA,IAAkB;IACjB,IAAIA,KAAA,IAAS,KAAKA,KAAA,GAAQV,SAAA,CAAUO,MAAA,EAAQ;MAC1CpB,YAAA,CAAayB,OAAA,EAASD,aAAA,CAAc;QAAED,KAAA;QAAOG,QAAA,EAAU;MAAK,CAAC;IAC/D;EACF,GACA,CAACb,SAAA,CAAUO,MAAM,CACnB;EAGA,MAAMO,UAAA,GAAa;IACjBC,MAAA,EAAQ7B;EACV;EAEAlC,SAAA,CACE2B,eAAA,EAAiBgB,IAAA,IAAQ,aACzB,MAAM;IACJN,eAAA,CAAiBK,IAAA,IAAS;MACxB,MAAMC,IAAA,GAAOD,IAAA,GAAO,IAAI,IAAIsB,IAAA,CAAKC,GAAA,CAAIvB,IAAA,GAAO,GAAGM,SAAA,CAAUO,MAAA,GAAS,CAAC;MACnEI,aAAA,CAAchB,IAAI;MAClB,OAAOA,IAAA;IACT,CAAC;EACH,GACAmB,UACF;EAEA9D,SAAA,CACE2B,eAAA,EAAiBe,IAAA,IAAQ,WACzB,MAAM;IACJL,eAAA,CAAiBK,IAAA,IAAS;MACxB,MAAMC,IAAA,GAAOD,IAAA,GAAO,IAAIM,SAAA,CAAUO,MAAA,GAAS,IAAIS,IAAA,CAAKE,GAAA,CAAIxB,IAAA,GAAO,GAAG,CAAC;MACnEiB,aAAA,CAAchB,IAAI;MAClB,OAAOA,IAAA;IACT,CAAC;EACH,GACAmB,UACF;EAEA9D,SAAA,CACE2B,eAAA,EAAiBwC,MAAA,IAAU,cAC3B,MAAM;IACJ,IAAI/B,YAAA,IAAgB,KAAKA,YAAA,GAAeY,SAAA,CAAUO,MAAA,EAAQ;MACxD,MAAM;QAAExC,IAAA;QAAMsC,WAAA;QAAaG;MAAW,IAAIR,SAAA,CAAUZ,YAAY;MAChE,IAAIiB,WAAA,IAAe,CAACG,UAAA,EAAY;QAC9Bf,UAAA,CAAW1B,IAAI;MACjB;IACF;EACF,GACA+C,UACF;EAEA9D,SAAA,CACE2B,eAAA,EAAiByC,QAAA,IAAY,aAC7B,MAAM;IACJ,IAAIhC,YAAA,IAAgB,KAAKA,YAAA,GAAeY,SAAA,CAAUO,MAAA,EAAQ;MACxD,MAAM;QAAExC,IAAA;QAAMsC,WAAA;QAAaG;MAAW,IAAIR,SAAA,CAAUZ,YAAY;MAChE,IAAIiB,WAAA,IAAeG,UAAA,EAAY;QAC7Bf,UAAA,CAAW1B,IAAI;MACjB;IACF;EACF,GACA+C,UACF;EAEA9D,SAAA,CACE2B,eAAA,EAAiB0C,MAAA,IAAU,SAC3B,MAAM;IACJ,IAAIjC,YAAA,IAAgB,KAAKA,YAAA,GAAeY,SAAA,CAAUO,MAAA,EAAQ;MACxDrC,YAAA,GAAe8B,SAAA,CAAUZ,YAAY,EAAErB,IAAI;IAC7C;EACF,GACA+C,UACF;EAEA,IAAIjD,KAAA,CAAM0C,MAAA,KAAW,GAAG;IACtB,OACE,eAAA7C,GAAA,CAACD,MAAA;MAAQ,GAAGoB,SAAA,CAAUyC,YAAA;MAAcC,UAAA,EAAW;MAAU,GAAG3C,UAAA;MAC1D0B,QAAA,iBAAA5C,GAAA,CAACH,IAAA;QAAKiE,KAAA,EAAOhF,eAAA,CAAgBiF,IAAA,CAAKC,KAAA;QAAQpB,QAAA,EAAA9B;MAAA,CAAa;IAAA,CACzD;EAEJ;EAGA,MAAMmD,gBAAA,GAAmBvC,YAAA,IAAgBY,SAAA,CAAUO,MAAA,GAAS,KAAKnB,YAAA;EAEjE,OACE,eAAA1B,GAAA,CAACD,MAAA;IAAQ,GAAGoB,SAAA,CAAU+C,YAAA;IAAe,GAAGhD,UAAA;IACtC0B,QAAA,iBAAA5C,GAAA,CAACF,IAAA;MACCqE,GAAA,EAAK3C,YAAA;MACL4C,IAAA,EAAK;MACL,yBACEH,gBAAA,IAAoB,IAAI,GAAG1C,MAAM,SAAS0C,gBAAgB,KAAK;MAEjEI,QAAA,EAAU;MACVC,YAAA,EAAc;MACdC,KAAA,EAAO;QACL3D;MACF;MAEAgC,QAAA,iBAAA5C,GAAA,CAACjB,SAAA;QACCoF,GAAA,EAAK1C,YAAA;QACL+C,IAAA,EAAMlC,SAAA;QACNmC,YAAA,EAAc9D,QAAA,GAAWF,YAAA;QACzBiE,YAAA,EAAeC,IAAA,IAASA,IAAA,CAAKtE,IAAA,CAAK8B,EAAA;QAClCyC,SAAA,EAAWX,gBAAA;QACXY,UAAA,EAAYA,CAAC;UAAEF,IAAA;UAAM3B;QAAM,MAAM;UAC/B,MAAM;YAAE3C,IAAA;YAAMqC,KAAA;YAAOC,WAAA;YAAaG;UAAW,IAAI6B,IAAA;UACjD,MAAMG,SAAA,GAAYb,gBAAA,KAAqBjB,KAAA;UACvC,OACE,eAAAhD,GAAA,CAACJ,QAAA;YACCuC,EAAA,EAAI,GAAGZ,MAAM,SAASyB,KAAK;YAC3BoB,IAAA,EAAK;YACL,iBAAezB,WAAA,GAAcG,UAAA,GAAa;YAC1C,iBAAegC,SAAA;YACf,cAAYpC,KAAA,GAAQ;YACpBqC,IAAA,EAAM5D,SAAA,CAAUE,SAAA;YAChB2D,WAAA,EAAa,IAAI1B,IAAA,CAAKE,GAAA,CAAId,KAAA,GAAQ,GAAG,CAAC,CAAM;YAC5CuC,IAAA,EACEtC,WAAA,GACE,eAAA1C,IAAA,CAACH,IAAA;cAAKoF,aAAA,EAAc;cAAMrB,UAAA,EAAW;cAASsB,GAAA,EAAI;cAChDvC,QAAA,kBAAA5C,GAAA,CAACF,IAAA;gBACCsF,OAAA,EAASA,CAAA,KAAMrD,UAAA,CAAW1B,IAAI;gBAC9BgF,KAAA,EAAO/D,cAAA;gBACPV,MAAA,EAAQU,cAAA;gBACRuC,UAAA,EAAW;gBACXyB,cAAA,EAAe;gBACfC,MAAA,EAAO;gBAEN3C,QAAA,EAAAE,UAAA,GACC,eAAA9C,GAAA,CAACf,aAAA;kBAAc8F,IAAA,EAAM;kBAAIS,MAAA,EAAO;gBAAA,CAAO,IAEvC,eAAAxF,GAAA,CAACd,cAAA;kBAAe6F,IAAA,EAAM;kBAAIS,MAAA,EAAO;gBAAA,CAAO;cAAA,CAE5C,GACC1C,UAAA,GACC,eAAA9C,GAAA,CAACX,cAAA;gBAAe0F,IAAA,EAAM;gBAAIS,MAAA,EAAO;cAAA,CAAU,IAE3C,eAAAxF,GAAA,CAACZ,UAAA;gBAAW2F,IAAA,EAAM;gBAAIS,MAAA,EAAO;cAAA,CAAU;YAAA,CAE3C,IAEA,eAAAvF,IAAA,CAACH,IAAA;cAAKoF,aAAA,EAAc;cAAMrB,UAAA,EAAW;cAASsB,GAAA,EAAI;cAChDvC,QAAA,kBAAA5C,GAAA,CAACF,IAAA;gBAAKyE,KAAA,EAAO;kBAAEc,KAAA,EAAO/D;gBAAe;cAAA,CAAG,GACxC,eAAAtB,GAAA,CAACb,QAAA;gBAAS4F,IAAA,EAAM;gBAAIS,MAAA,EAAO;cAAA,CAAU;YAAA,CACvC;YAGJC,KAAA,EAAOrF,UAAA,CAAWC,IAAA,EAAMqC,KAAK;YAC7BgD,eAAA,EACEZ,SAAA,GACI,sBACA9B,KAAA,GAAQ,MAAM,IACX;cAAE0C,eAAA,EAAiB5G,eAAA,CAAgB6G,OAAA,CAAQC;YAAW,GAAGF,eAAA,IAC1D5G,eAAA,CAAgB6G,OAAA,CAAQC,UAAA,GACxB;YAERC,UAAA,EAAY;cAAEH,eAAA,EAAiB5G,eAAA,CAAgBgH,WAAA,CAAYF;YAAW;YACtEG,UAAA,EAAY;cAAEL,eAAA,EAAiB5G,eAAA,CAAgBgH,WAAA,CAAYE;YAAM;YAChE,GAAG7E,SAAA,CAAU+C,YAAA;YACdqB,MAAA,EAAO;YACPH,OAAA,EAASA,CAAA,KAAM5E,YAAA,GAAeH,IAAI;UAAA,CACpC;QAEJ;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/views/TreeView.native.js

@@ -0,0 +1,265 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { componentColors } from "../componentColors.native.js";
+import { FlashList } from "@shopify/flash-list";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { CaretDownIcon, CaretRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from "@phosphor-icons/react";
+import { useHotkey } from "@tanstack/react-hotkeys";
+import React, { useCallback, useId, useMemo, useRef, useState } from "react";
+import { ListItem, Text, View, YStack } from "tamagui";
+function TreeView(param) {
+  var {
+    nodes,
+    renderNode = function (node) {
+      return node.label;
+    },
+    onNodeToggle,
+    onNodeSelect,
+    estimateSize: estimateSizeProp,
+    overscan = 10,
+    height: heightProp,
+    emptyMessage = "No items found",
+    defaultExpandedIds,
+    hotkeys: hotkeyOverrides,
+    ...stackProps
+  } = param;
+  var _ref, _ref1, _ref2, _ref3, _ref4;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var sz = knobProps.sizeToken;
+  var estimateSize = estimateSizeProp !== null && estimateSizeProp !== void 0 ? estimateSizeProp : sz === "$3" ? 30 : sz === "$5" ? 44 : 36;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  var expandIconSize = sz === "$3" ? 16 : sz === "$5" ? 24 : 20;
+  var treeId = useId();
+  var containerRef = useRef(null);
+  var flashListRef = useRef(null);
+  var [focusedIndex, setFocusedIndex] = useState(-1);
+  var [expandedIds, setExpandedIds] = useState(function () {
+    return new Set(defaultExpandedIds !== null && defaultExpandedIds !== void 0 ? defaultExpandedIds : []);
+  });
+  var toggleNode = useCallback(function (node) {
+    setExpandedIds(function (prev) {
+      var next = new Set(prev);
+      if (next.has(node.id)) {
+        next.delete(node.id);
+      } else {
+        next.add(node.id);
+      }
+      return next;
+    });
+    onNodeToggle === null || onNodeToggle === void 0 ? void 0 : onNodeToggle(node);
+  }, [onNodeToggle]);
+  var flatNodes = useMemo(function () {
+    var result = [];
+    var walk = function walk1(items, depth) {
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var node = _step.value;
+          var _ref5;
+          var _node_children;
+          var hasChildren = ((_ref5 = (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) !== null && _ref5 !== void 0 ? _ref5 : 0) > 0;
+          var isExpanded = expandedIds.has(node.id);
+          result.push({
+            node,
+            depth,
+            hasChildren,
+            isExpanded,
+            index: result.length
+          });
+          if (isExpanded && node.children) {
+            walk(node.children, depth + 1);
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    };
+    walk(nodes, 0);
+    return result;
+  }, [nodes, expandedIds]);
+  var scrollToIndex = useCallback(function (index) {
+    if (index >= 0 && index < flatNodes.length) {
+      var _flashListRef_current;
+      (_flashListRef_current = flashListRef.current) === null || _flashListRef_current === void 0 ? void 0 : _flashListRef_current.scrollToIndex({
+        index,
+        animated: true
+      });
+    }
+  }, [flatNodes.length]);
+  var hotkeyOpts = {
+    target: containerRef
+  };
+  useHotkey((_ref = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.next) !== null && _ref !== void 0 ? _ref : "ArrowDown", function () {
+    setFocusedIndex(function (prev) {
+      var next = prev < 0 ? 0 : Math.min(prev + 1, flatNodes.length - 1);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey((_ref1 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.prev) !== null && _ref1 !== void 0 ? _ref1 : "ArrowUp", function () {
+    setFocusedIndex(function (prev) {
+      var next = prev < 0 ? flatNodes.length - 1 : Math.max(prev - 1, 0);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey((_ref2 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.expand) !== null && _ref2 !== void 0 ? _ref2 : "ArrowRight", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      var {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && !isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  useHotkey((_ref3 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.collapse) !== null && _ref3 !== void 0 ? _ref3 : "ArrowLeft", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      var {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  useHotkey((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : "Enter", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      onNodeSelect === null || onNodeSelect === void 0 ? void 0 : onNodeSelect(flatNodes[focusedIndex].node);
+    }
+  }, hotkeyOpts);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: /* @__PURE__ */_jsx(Text, {
+        color: componentColors.text.muted,
+        children: emptyMessage
+      })
+    });
+  }
+  var effectiveFocused = focusedIndex >= flatNodes.length ? -1 : focusedIndex;
+  return /* @__PURE__ */_jsx(YStack, {
+    ...knobProps.borderRadius,
+    ...stackProps,
+    children: /* @__PURE__ */_jsx(View, {
+      ref: containerRef,
+      role: "tree",
+      "aria-activedescendant": effectiveFocused >= 0 ? `${treeId}-node-${effectiveFocused}` : void 0,
+      tabIndex: 0,
+      outlineWidth: 0,
+      style: {
+        height
+      },
+      children: /* @__PURE__ */_jsx(FlashList, {
+        ref: flashListRef,
+        data: flatNodes,
+        drawDistance: overscan * estimateSize,
+        keyExtractor: function keyExtractor(item) {
+          return item.node.id;
+        },
+        extraData: effectiveFocused,
+        renderItem: function renderItem(param2) {
+          var {
+            item,
+            index
+          } = param2;
+          var _ref5;
+          var _this;
+          var {
+            node,
+            depth,
+            hasChildren,
+            isExpanded
+          } = item;
+          var isFocused = effectiveFocused === index;
+          return /* @__PURE__ */_jsx(ListItem, {
+            id: `${treeId}-node-${index}`,
+            role: "treeitem",
+            "aria-expanded": hasChildren ? isExpanded : void 0,
+            "aria-selected": isFocused,
+            "aria-level": depth + 1,
+            size: knobProps.sizeToken,
+            paddingLeft: `$${Math.max(depth * 4, 1)}`,
+            icon: hasChildren ? /* @__PURE__ */_jsxs(View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */_jsx(View, {
+                onPress: function onPress() {
+                  return toggleNode(node);
+                },
+                width: expandIconSize,
+                height: expandIconSize,
+                alignItems: "center",
+                justifyContent: "center",
+                cursor: "pointer",
+                children: isExpanded ? /* @__PURE__ */_jsx(CaretDownIcon, {
+                  size: 14,
+                  weight: "bold"
+                }) : /* @__PURE__ */_jsx(CaretRightIcon, {
+                  size: 14,
+                  weight: "bold"
+                })
+              }), isExpanded ? /* @__PURE__ */_jsx(FolderOpenIcon, {
+                size: 18,
+                weight: "duotone"
+              }) : /* @__PURE__ */_jsx(FolderIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }) : /* @__PURE__ */_jsxs(View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */_jsx(View, {
+                style: {
+                  width: expandIconSize
+                }
+              }), /* @__PURE__ */_jsx(FileIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }),
+            title: renderNode(node, depth),
+            backgroundColor: isFocused ? "$accentBackground" : index % 2 === 1 ? (_ref5 = (_this = {
+              backgroundColor: componentColors.surface.background
+            }) === null || _this === void 0 ? void 0 : _this.backgroundColor) !== null && _ref5 !== void 0 ? _ref5 : componentColors.surface.background : "transparent",
+            hoverStyle: {
+              backgroundColor: componentColors.interactive.background
+            },
+            pressStyle: {
+              backgroundColor: componentColors.interactive.hover
+            },
+            ...knobProps.borderRadius,
+            cursor: "pointer",
+            onPress: function onPress() {
+              return onNodeSelect === null || onNodeSelect === void 0 ? void 0 : onNodeSelect(node);
+            }
+          });
+        }
+      })
+    })
+  });
+}
+export { TreeView };
+//# sourceMappingURL=TreeView.native.js.map

package/dist/esm/views/TreeView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","componentColors","FlashList","useResolvedKnobs","CaretDownIcon","CaretRightIcon","FileIcon","FolderIcon","FolderOpenIcon","useHotkey","React","useCallback","useId","useMemo","useRef","useState","ListItem","Text","View","YStack","TreeView","param","nodes","renderNode","node","label","onNodeToggle","onNodeSelect","estimateSize","estimateSizeProp","overscan","height","heightProp","emptyMessage","defaultExpandedIds","hotkeys","hotkeyOverrides","stackProps","_ref","_ref1","_ref2","_ref3","_ref4","knobProps","sz","sizeToken","expandIconSize","treeId","containerRef","flashListRef","focusedIndex","setFocusedIndex","expandedIds","setExpandedIds","Set","toggleNode","prev","next","has","id","delete","add","flatNodes","result","walk","walk1","items","depth","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","value","_ref5","_node_children","hasChildren","children","length","isExpanded","push","index","err","return","scrollToIndex","_flashListRef_current","current","animated","hotkeyOpts","target","Math","min","max","expand","collapse","select","panelPadding","alignItems","color","text","muted","effectiveFocused","borderRadius","ref","role","tabIndex","outlineWidth","style","data","drawDistance","keyExtractor","item","extraData","renderItem","param2","_this","isFocused","size","paddingLeft","icon","flexDirection","gap","onPress","width","justifyContent","cursor","weight"],"sources":["../../../src/views/TreeView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/TreeView.stories.mjs

@@ -0,0 +1,68 @@
+import { TreeView } from "./TreeView.mjs";
+import { jsx } from "react/jsx-runtime";
+const nodes = [{
+  id: "src",
+  label: "src",
+  children: [{
+    id: "components",
+    label: "components",
+    children: [{
+      id: "button",
+      label: "Button.tsx"
+    }, {
+      id: "input",
+      label: "Input.tsx"
+    }, {
+      id: "form",
+      label: "Form.tsx"
+    }]
+  }, {
+    id: "hooks",
+    label: "hooks",
+    children: [{
+      id: "use-form",
+      label: "useForm.ts"
+    }, {
+      id: "use-theme",
+      label: "useTheme.ts"
+    }]
+  }, {
+    id: "index",
+    label: "index.ts"
+  }]
+}, {
+  id: "tests",
+  label: "tests",
+  children: [{
+    id: "button-test",
+    label: "Button.spec.tsx"
+  }, {
+    id: "input-test",
+    label: "Input.spec.tsx"
+  }]
+}, {
+  id: "readme",
+  label: "README.md"
+}, {
+  id: "package",
+  label: "package.json"
+}];
+const meta = {
+  title: "Components/TreeView",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var TreeView_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(TreeView, {
+    nodes,
+    onNodeSelect: node => console.log("Selected:", node.id),
+    height: 400
+  })
+};
+export { Default, TreeView_stories_default as default };
+//# sourceMappingURL=TreeView.stories.mjs.map

package/dist/esm/views/TreeView.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["TreeView","jsx","nodes","id","label","children","meta","title","parameters","status","type","TreeView_stories_default","Default","name","render","onNodeSelect","node","console","log","height"],"sources":["../../../src/views/TreeView.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,QAA+B;AAmDpC,SAAAC,GAAA;AAjDJ,MAAMC,KAAA,GAAoB,CACxB;EACEC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,QAAA,EAAU,CACR;IACEF,EAAA,EAAI;IACJC,KAAA,EAAO;IACPC,QAAA,EAAU,CACR;MAAEF,EAAA,EAAI;MAAUC,KAAA,EAAO;IAAa,GACpC;MAAED,EAAA,EAAI;MAASC,KAAA,EAAO;IAAY,GAClC;MAAED,EAAA,EAAI;MAAQC,KAAA,EAAO;IAAW;EAEpC,GACA;IACED,EAAA,EAAI;IACJC,KAAA,EAAO;IACPC,QAAA,EAAU,CACR;MAAEF,EAAA,EAAI;MAAYC,KAAA,EAAO;IAAa,GACtC;MAAED,EAAA,EAAI;MAAaC,KAAA,EAAO;IAAc;EAE5C,GACA;IAAED,EAAA,EAAI;IAASC,KAAA,EAAO;EAAW;AAErC,GACA;EACED,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,QAAA,EAAU,CACR;IAAEF,EAAA,EAAI;IAAeC,KAAA,EAAO;EAAkB,GAC9C;IAAED,EAAA,EAAI;IAAcC,KAAA,EAAO;EAAiB;AAEhD,GACA;EAAED,EAAA,EAAI;EAAUC,KAAA,EAAO;AAAY,GACnC;EAAED,EAAA,EAAI;EAAWC,KAAA,EAAO;AAAe,EACzC;AAEA,MAAME,IAAA,GAAa;EACjBC,KAAA,EAAO;EACPC,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,wBAAA,GAAQL,IAAA;AAER,MAAMM,OAAA,GAAU;EACrBC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAb,GAAA,CAACD,QAAA;IACCE,KAAA;IACAa,YAAA,EAAeC,IAAA,IAASC,OAAA,CAAQC,GAAA,CAAI,aAAaF,IAAA,CAAKb,EAAE;IACxDgB,MAAA,EAAQ;EAAA,CACV;AAEJ","ignoreList":[]}

package/dist/esm/views/TreeView.stories.native.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TreeView } from "./TreeView.native.js";
+var nodes = [{
+  id: "src",
+  label: "src",
+  children: [{
+    id: "components",
+    label: "components",
+    children: [{
+      id: "button",
+      label: "Button.tsx"
+    }, {
+      id: "input",
+      label: "Input.tsx"
+    }, {
+      id: "form",
+      label: "Form.tsx"
+    }]
+  }, {
+    id: "hooks",
+    label: "hooks",
+    children: [{
+      id: "use-form",
+      label: "useForm.ts"
+    }, {
+      id: "use-theme",
+      label: "useTheme.ts"
+    }]
+  }, {
+    id: "index",
+    label: "index.ts"
+  }]
+}, {
+  id: "tests",
+  label: "tests",
+  children: [{
+    id: "button-test",
+    label: "Button.spec.tsx"
+  }, {
+    id: "input-test",
+    label: "Input.spec.tsx"
+  }]
+}, {
+  id: "readme",
+  label: "README.md"
+}, {
+  id: "package",
+  label: "package.json"
+}];
+var meta = {
+  title: "Components/TreeView",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var TreeView_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(TreeView, {
+      nodes,
+      onNodeSelect: function onNodeSelect(node) {
+        return console.log("Selected:", node.id);
+      },
+      height: 400
+    });
+  }
+};
+export { Default, TreeView_stories_default as default };
+//# sourceMappingURL=TreeView.stories.native.js.map

package/dist/esm/views/TreeView.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","TreeView","nodes","id","label","children"],"sources":["../../../src/views/TreeView.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAA+B;AAmDpC,SAAAC,QAAA;AAjDJ,IAAAC,KAAM,IACJ;EACEC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,QAAA,EAAU,CACR;IACEF,EAAA,EAAI;IACJC,KAAA,EAAO;IACPC,QAAA,EAAU,CACR;MACEF,EAAA,EAAI;MACJC,KAAI;IACR,GACF;MACAD,EAAA;MACMC,KAAA;IACJ,GACA;MACID,EAAA,EAAI;MACJC,KAAI;IACR;EAEF,GACF;IACFD,EAAA;IACAC,KAAA;IACMC,QAAA,GACJ;MACAF,EAAU;MACFC,KAAA;IACJ,GACJ;MACFD,EAAA;MACMC,KAAA,EAAU;IACV;EAGF,GACJ;IACAD,EAAA,SAAY;IACVC,KAAQ,EAAE;EACZ;AAGF,GAEO;EACLD,EAAA,EAAM;EACNC,KAAA,EAAQ,OACN;EAACC,QAAA;IACCF,EAAA;IACAC,KAAA;EACA,GAAQ;IACVD,EAAA;IAEJC,KAAA","ignoreList":[]}