@multiplatform.one/components 5.0.27 → 6.0.0

package/dist/esm/views/Kanban.mjs

@@ -0,0 +1,270 @@
+import { componentColors } from "../componentColors.mjs";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useHotkey } from "@tanstack/react-hotkeys";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { useCallback, useRef, useEffect, useId, useState } from "react";
+import { Card, ListItem, ScrollView, Spinner, Text, View, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Kanban({
+  columns,
+  renderCard,
+  onCardSelect,
+  onLoadMore,
+  hasMore = false,
+  isLoading = false,
+  columnWidth: columnWidthProp,
+  minColumnHeight: minColumnHeightProp,
+  estimateSize: estimateSizeProp,
+  overscan = 5,
+  emptyColumnMessage = "No items",
+  hotkeys: hotkeyOverrides,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const sz = knobProps.sizeToken;
+  const columnWidth = columnWidthProp ?? (sz === "$3" ? 240 : sz === "$5" ? 320 : 280);
+  const minColumnHeight = minColumnHeightProp ?? (sz === "$3" ? 320 : sz === "$5" ? 480 : 400);
+  const estimateSize = estimateSizeProp ?? (sz === "$3" ? 64 : sz === "$5" ? 96 : 80);
+  const kanbanId = useId();
+  const containerRef = useRef(null);
+  const [focusedCol, setFocusedCol] = useState(-1);
+  const [focusedCard, setFocusedCard] = useState(-1);
+  const hotkeyOpts = {
+    target: containerRef
+  };
+  useHotkey(hotkeyOverrides?.nextColumn ?? "ArrowRight", () => {
+    setFocusedCol(prev => {
+      const next = prev < 0 ? 0 : Math.min(prev + 1, columns.length - 1);
+      const colItems = columns[next]?.items ?? [];
+      setFocusedCard(cardIdx => cardIdx < 0 ? 0 : Math.min(cardIdx, colItems.length - 1));
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.prevColumn ?? "ArrowLeft", () => {
+    setFocusedCol(prev => {
+      const next = prev < 0 ? columns.length - 1 : Math.max(prev - 1, 0);
+      const colItems = columns[next]?.items ?? [];
+      setFocusedCard(cardIdx => cardIdx < 0 ? 0 : Math.min(cardIdx, colItems.length - 1));
+      return next;
+    });
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.nextCard ?? "ArrowDown", () => {
+    if (focusedCol < 0) {
+      setFocusedCol(0);
+      setFocusedCard(0);
+      return;
+    }
+    const colItems = columns[focusedCol]?.items ?? [];
+    setFocusedCard(prev => prev < 0 ? 0 : Math.min(prev + 1, colItems.length - 1));
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.prevCard ?? "ArrowUp", () => {
+    if (focusedCol < 0) {
+      setFocusedCol(0);
+      setFocusedCard(0);
+      return;
+    }
+    const colItems = columns[focusedCol]?.items ?? [];
+    setFocusedCard(prev => prev < 0 ? colItems.length - 1 : Math.max(prev - 1, 0));
+  }, hotkeyOpts);
+  useHotkey(hotkeyOverrides?.select ?? "Enter", () => {
+    if (focusedCol >= 0 && focusedCard >= 0) {
+      const col = columns[focusedCol];
+      const item = col?.items[focusedCard];
+      if (item && col) {
+        onCardSelect?.(item, col.id);
+      }
+    }
+  }, hotkeyOpts);
+  return /* @__PURE__ */jsx(YStack, {
+    ...stackProps,
+    children: /* @__PURE__ */jsx(View, {
+      ref: containerRef,
+      tabIndex: 0,
+      role: "grid",
+      "aria-label": "Kanban board",
+      outlineWidth: 0,
+      children: /* @__PURE__ */jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        children: /* @__PURE__ */jsx(XStack, {
+          ...knobProps.gap,
+          children: columns.map((column, colIndex) => /* @__PURE__ */jsx(KanbanColumnView, {
+            kanbanId,
+            column,
+            columnIndex: colIndex,
+            focusedColumnIndex: focusedCol,
+            focusedCardIndex: focusedCard,
+            renderCard,
+            columnWidth,
+            minColumnHeight,
+            estimateSize,
+            overscan,
+            emptyColumnMessage,
+            onCardSelect,
+            onLoadMore,
+            hasMore,
+            isLoading
+          }, column.id))
+        })
+      })
+    })
+  });
+}
+function KanbanColumnView({
+  kanbanId,
+  column,
+  columnIndex,
+  focusedColumnIndex,
+  focusedCardIndex,
+  renderCard,
+  columnWidth,
+  minColumnHeight,
+  estimateSize,
+  overscan,
+  emptyColumnMessage,
+  onCardSelect,
+  onLoadMore,
+  hasMore,
+  isLoading
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const parentRef = useRef(null);
+  const virtualizer = useVirtualizer({
+    count: column.items.length,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => estimateSize,
+    overscan
+  });
+  const isActiveColumn = columnIndex === focusedColumnIndex;
+  useEffect(() => {
+    if (isActiveColumn && focusedCardIndex >= 0 && focusedCardIndex < column.items.length) {
+      virtualizer.scrollToIndex(focusedCardIndex, {
+        align: "auto"
+      });
+    }
+  }, [isActiveColumn, focusedCardIndex, column.items.length, virtualizer]);
+  const handleScroll = useCallback(() => {
+    const el = parentRef.current;
+    if (!el || !onLoadMore || !hasMore || isLoading) return;
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    } = el;
+    if (scrollHeight - scrollTop - clientHeight < estimateSize * 2) {
+      onLoadMore();
+    }
+  }, [onLoadMore, hasMore, isLoading, estimateSize]);
+  useEffect(() => {
+    const el = parentRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [handleScroll]);
+  return /* @__PURE__ */jsxs(Card, {
+    size: knobProps.sizeToken,
+    ...{
+      backgroundColor: componentColors.surface.background
+    },
+    width: columnWidth,
+    minHeight: minColumnHeight,
+    borderWidth: isActiveColumn ? 2 : 1,
+    borderColor: isActiveColumn ? "$accentBackground" : "$borderColor",
+    overflow: "hidden",
+    children: [/* @__PURE__ */jsx(ListItem, {
+      title: column.title,
+      icon: column.color ? /* @__PURE__ */jsx(YStack, {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: column.color
+      }) : void 0,
+      iconAfter: /* @__PURE__ */jsx(Text, {
+        color: componentColors.text.muted,
+        fontSize: knobProps.sizeToken,
+        ...{
+          backgroundColor: componentColors.surface.background
+        },
+        paddingHorizontal: "$2",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        children: column.items.length
+      }),
+      size: knobProps.sizeToken,
+      borderBottomWidth: 1,
+      borderBottomColor: "$borderColor"
+    }), column.items.length === 0 ? /* @__PURE__ */jsx(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      flex: 1,
+      children: /* @__PURE__ */jsx(Text, {
+        color: componentColors.text.muted,
+        fontSize: "$2",
+        children: emptyColumnMessage
+      })
+    }) : /* @__PURE__ */jsx(View, {
+      ref: parentRef,
+      style: {
+        flex: 1,
+        overflow: "auto",
+        minHeight: minColumnHeight - 60
+      },
+      children: /* @__PURE__ */jsx(View, {
+        style: {
+          height: virtualizer.getTotalSize(),
+          width: "100%",
+          position: "relative"
+        },
+        children: virtualizer.getVirtualItems().map(virtualItem => {
+          const item = column.items[virtualItem.index];
+          const isFocused = isActiveColumn && focusedCardIndex === virtualItem.index;
+          return /* @__PURE__ */jsx(View, {
+            ref: virtualizer.measureElement,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              transform: `translateY(${virtualItem.start}px)`,
+              padding: 4
+            },
+            children: /* @__PURE__ */jsx(Card, {
+              id: `${kanbanId}-col-${columnIndex}-card-${virtualItem.index}`,
+              size: knobProps.sizeToken,
+              elevation: knobProps.elevation,
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              backgroundColor: isFocused ? "$accentBackground" : void 0,
+              hoverStyle: {
+                scale: 0.98,
+                borderColor: "$accentBackground"
+              },
+              pressStyle: {
+                scale: 0.97
+              },
+              overflow: "hidden",
+              onPress: onCardSelect ? () => onCardSelect(item, column.id) : void 0,
+              cursor: onCardSelect ? "pointer" : void 0,
+              children: renderCard(item)
+            })
+          }, virtualItem.key);
+        })
+      })
+    }), isLoading && /* @__PURE__ */jsx(YStack, {
+      padding: "$2",
+      alignItems: "center",
+      children: /* @__PURE__ */jsx(Spinner, {
+        size: "small"
+      })
+    })]
+  });
+}
+export { Kanban };
+//# sourceMappingURL=Kanban.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["componentColors","useResolvedKnobs","useHotkey","useVirtualizer","useCallback","useRef","useEffect","useId","useState","Card","ListItem","ScrollView","Spinner","Text","View","XStack","YStack","jsx","jsxs","Kanban","columns","renderCard","onCardSelect","onLoadMore","hasMore","isLoading","columnWidth","columnWidthProp","minColumnHeight","minColumnHeightProp","estimateSize","estimateSizeProp","overscan","emptyColumnMessage","hotkeys","hotkeyOverrides","stackProps","knobProps","sz","sizeToken","kanbanId","containerRef","focusedCol","setFocusedCol","focusedCard","setFocusedCard","hotkeyOpts","target","nextColumn","prev","next","Math","min","length","colItems","items","cardIdx","prevColumn","max","nextCard","prevCard","select","col","item","id","children","ref","tabIndex","role","outlineWidth","horizontal","showsHorizontalScrollIndicator","gap","map","column","colIndex","KanbanColumnView","columnIndex","focusedColumnIndex","focusedCardIndex","parentRef","virtualizer","count","getScrollElement","current","isActiveColumn","scrollToIndex","align","handleScroll","el","scrollTop","scrollHeight","clientHeight","addEventListener","passive","removeEventListener","size","backgroundColor","surface","background","width","minHeight","borderWidth","borderColor","overflow","title","icon","color","height","borderRadius","iconAfter","text","muted","fontSize","paddingHorizontal","borderBottomWidth","borderBottomColor","panelPadding","alignItems","justifyContent","opacity","flex","style","getTotalSize","position","getVirtualItems","virtualItem","index","isFocused","measureElement","top","left","transform","start","padding","elevation","hoverStyle","scale","pressStyle","onPress","cursor","key"],"sources":["../../../src/views/Kanban.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlashList } from "@shopify/flash-list";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import React, { useCallback, useId, useRef, useState } from "react";
+import { Card, ListItem, ScrollView, Spinner, Text, View, XStack, YStack } from "tamagui";
+function Kanban(param) {
+  var {
+    columns,
+    renderCard,
+    onCardMove: _onCardMove,
+    onCardSelect,
+    onLoadMore,
+    hasMore = false,
+    isLoading = false,
+    columnWidth: columnWidthProp,
+    minColumnHeight: minColumnHeightProp,
+    estimateSize: estimateSizeProp,
+    overscan = 5,
+    emptyColumnMessage = "No items",
+    hotkeys: _hotkeyOverrides,
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var sz = knobProps.sizeToken;
+  var columnWidth = columnWidthProp !== null && columnWidthProp !== void 0 ? columnWidthProp : sz === "$3" ? 240 : sz === "$5" ? 320 : 280;
+  var minColumnHeight = minColumnHeightProp !== null && minColumnHeightProp !== void 0 ? minColumnHeightProp : sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  var estimateSize = estimateSizeProp !== null && estimateSizeProp !== void 0 ? estimateSizeProp : sz === "$3" ? 64 : sz === "$5" ? 96 : 80;
+  var kanbanId = useId();
+  return /* @__PURE__ */_jsx(YStack, {
+    ...stackProps,
+    children: /* @__PURE__ */_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      children: /* @__PURE__ */_jsx(XStack, {
+        ...knobProps.gap,
+        children: columns.map(function (column, colIndex) {
+          return /* @__PURE__ */_jsx(KanbanColumnView, {
+            kanbanId,
+            column,
+            columnIndex: colIndex,
+            renderCard,
+            columnWidth,
+            minColumnHeight,
+            estimateSize,
+            overscan,
+            emptyColumnMessage,
+            onLoadMore,
+            hasMore,
+            isLoading,
+            onCardSelect
+          }, column.id);
+        })
+      })
+    })
+  });
+}
+function KanbanColumnView(param) {
+  var {
+    kanbanId,
+    column,
+    columnIndex,
+    renderCard,
+    columnWidth,
+    minColumnHeight,
+    estimateSize,
+    overscan,
+    emptyColumnMessage,
+    onLoadMore,
+    hasMore,
+    isLoading,
+    onCardSelect
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var flashListRef = useRef(null);
+  var [selectedIndex, setSelectedIndex] = useState(-1);
+  var handleEndReached = useCallback(function () {
+    if (onLoadMore && hasMore && !isLoading) {
+      onLoadMore();
+    }
+  }, [onLoadMore, hasMore, isLoading]);
+  return /* @__PURE__ */_jsxs(Card, {
+    size: knobProps.sizeToken,
+    backgroundColor: "$color2",
+    width: columnWidth,
+    minHeight: minColumnHeight,
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    overflow: "hidden",
+    children: [/* Column Header */
+    /* @__PURE__ */_jsx(ListItem, {
+      title: column.title,
+      icon: column.color ? /* @__PURE__ */_jsx(YStack, {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: column.color
+      }) : void 0,
+      iconAfter: /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        fontSize: knobProps.sizeToken,
+        backgroundColor: "$color2",
+        paddingHorizontal: "$2",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        children: column.items.length
+      }),
+      size: knobProps.sizeToken,
+      borderBottomWidth: 1,
+      borderBottomColor: "$borderColor"
+    }), /* Cards Container - virtualized with FlashList */
+    column.items.length === 0 ? /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      flex: 1,
+      children: /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: emptyColumnMessage
+      })
+    }) : /* @__PURE__ */_jsx(View, {
+      style: {
+        flex: 1,
+        minHeight: minColumnHeight - 60
+      },
+      children: /* @__PURE__ */_jsx(FlashList, {
+        ref: flashListRef,
+        data: column.items,
+        drawDistance: estimateSize * overscan,
+        onEndReached: handleEndReached,
+        onEndReachedThreshold: 0.5,
+        keyExtractor: function keyExtractor(_, index) {
+          return `${kanbanId}-col-${columnIndex}-card-${index}`;
+        },
+        renderItem: function renderItem(param2) {
+          var {
+            item,
+            index
+          } = param2;
+          var isSelected = selectedIndex === index;
+          return /* @__PURE__ */_jsx(View, {
+            padding: "$1",
+            children: /* @__PURE__ */_jsx(Card, {
+              id: `${kanbanId}-col-${columnIndex}-card-${index}`,
+              size: knobProps.sizeToken,
+              elevation: knobProps.elevation,
+              borderWidth: 1,
+              borderColor: isSelected ? "$accentBackground" : "$borderColor",
+              backgroundColor: isSelected ? "$accentBackground" : void 0,
+              pressStyle: {
+                scale: 0.97
+              },
+              overflow: "hidden",
+              onPress: function onPress() {
+                setSelectedIndex(index);
+                onCardSelect === null || onCardSelect === void 0 ? void 0 : onCardSelect(item, column.id);
+              },
+              children: renderCard(item)
+            })
+          });
+        },
+        ListFooterComponent: isLoading ? /* @__PURE__ */_jsx(YStack, {
+          padding: "$2",
+          alignItems: "center",
+          children: /* @__PURE__ */_jsx(Spinner, {
+            size: "small"
+          })
+        }) : null
+      })
+    })]
+  });
+}
+export { Kanban };
+//# sourceMappingURL=Kanban.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FlashList","useResolvedKnobs","React","useCallback","useId","useRef","useState","Card","ListItem","ScrollView","Spinner","Text","View","XStack","YStack","Kanban","param","columns","renderCard","onCardMove","_onCardMove","onCardSelect","onLoadMore","hasMore","isLoading","columnWidth","columnWidthProp","minColumnHeight","minColumnHeightProp","estimateSize","estimateSizeProp","overscan","emptyColumnMessage","hotkeys","_hotkeyOverrides","stackProps","knobProps","sz","sizeToken","kanbanId","children","horizontal","showsHorizontalScrollIndicator","gap","map","column","colIndex","KanbanColumnView","columnIndex","id","flashListRef","selectedIndex","setSelectedIndex","handleEndReached","size","backgroundColor","width","minHeight","borderWidth","borderColor","overflow","title","icon","color","height","borderRadius","iconAfter","fontSize","paddingHorizontal","items","length","borderBottomWidth","borderBottomColor","panelPadding","alignItems","justifyContent","opacity","flex","style","ref","data","drawDistance","onEndReached","onEndReachedThreshold","keyExtractor","_","index","renderItem","param2","item","isSelected","padding","elevation","pressStyle","scale","onPress","ListFooterComponent"],"sources":["../../../src/views/Kanban.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+import { Text } from "tamagui";
+import { Kanban } from "./Kanban.mjs";
+import { jsx } from "react/jsx-runtime";
+const columns = [{
+  id: "todo",
+  title: "To Do",
+  items: [{
+    id: "1",
+    title: "Research new API",
+    priority: "high"
+  }, {
+    id: "2",
+    title: "Write docs",
+    priority: "medium"
+  }]
+}, {
+  id: "in-progress",
+  title: "In Progress",
+  items: [{
+    id: "3",
+    title: "Implement auth",
+    priority: "high"
+  }]
+}, {
+  id: "done",
+  title: "Done",
+  items: [{
+    id: "4",
+    title: "Setup CI/CD",
+    priority: "low"
+  }]
+}];
+const meta = {
+  title: "Components/Kanban",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var Kanban_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(Kanban, {
+    columns,
+    getItemKey: item => item.id,
+    renderCard: item => /* @__PURE__ */jsx(Text, {
+      fontSize: "$3",
+      padding: "$2",
+      children: item.title
+    }),
+    height: 400
+  })
+};
+export { Default, Kanban_stories_default as default };
+//# sourceMappingURL=Kanban.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","Kanban","jsx","columns","id","title","items","priority","meta","parameters","status","type","Kanban_stories_default","Default","name","render","getItemKey","item","renderCard","fontSize","padding","children","height"],"sources":["../../../src/views/Kanban.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,QAAY;AACrB,SAASC,MAAA,QAAiC;AA6ClC,SAAAC,GAAA;AArCR,MAAMC,OAAA,GAAgC,CACpC;EACEC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,KAAA,EAAO,CACL;IAAEF,EAAA,EAAI;IAAKC,KAAA,EAAO;IAAoBE,QAAA,EAAU;EAAO,GACvD;IAAEH,EAAA,EAAI;IAAKC,KAAA,EAAO;IAAcE,QAAA,EAAU;EAAS;AAEvD,GACA;EACEH,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,KAAA,EAAO,CAAC;IAAEF,EAAA,EAAI;IAAKC,KAAA,EAAO;IAAkBE,QAAA,EAAU;EAAO,CAAC;AAChE,GACA;EACEH,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,KAAA,EAAO,CAAC;IAAEF,EAAA,EAAI;IAAKC,KAAA,EAAO;IAAeE,QAAA,EAAU;EAAM,CAAC;AAC5D,EACF;AAEA,MAAMC,IAAA,GAAa;EACjBH,KAAA,EAAO;EACPI,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,sBAAA,GAAQJ,IAAA;AAER,MAAMK,OAAA,GAAU;EACrBC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAb,GAAA,CAACD,MAAA;IACCE,OAAA;IACAa,UAAA,EAAaC,IAAA,IAASA,IAAA,CAAKb,EAAA;IAC3Bc,UAAA,EAAaD,IAAA,IACX,eAAAf,GAAA,CAACF,IAAA;MAAKmB,QAAA,EAAS;MAAKC,OAAA,EAAQ;MACzBC,QAAA,EAAAJ,IAAA,CAAKZ;IAAA,CACR;IAEFiB,MAAA,EAAQ;EAAA,CACV;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "tamagui";
+import { Kanban } from "./Kanban.native.js";
+var columns = [{
+  id: "todo",
+  title: "To Do",
+  items: [{
+    id: "1",
+    title: "Research new API",
+    priority: "high"
+  }, {
+    id: "2",
+    title: "Write docs",
+    priority: "medium"
+  }]
+}, {
+  id: "in-progress",
+  title: "In Progress",
+  items: [{
+    id: "3",
+    title: "Implement auth",
+    priority: "high"
+  }]
+}, {
+  id: "done",
+  title: "Done",
+  items: [{
+    id: "4",
+    title: "Setup CI/CD",
+    priority: "low"
+  }]
+}];
+var meta = {
+  title: "Components/Kanban",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var Kanban_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(Kanban, {
+      columns,
+      getItemKey: function getItemKey(item) {
+        return item.id;
+      },
+      renderCard: function renderCard(item) {
+        return /* @__PURE__ */_jsx(Text, {
+          fontSize: "$3",
+          padding: "$2",
+          children: item.title
+        });
+      },
+      height: 400
+    });
+  }
+};
+export { Default, Kanban_stories_default as default };
+//# sourceMappingURL=Kanban.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Text","Kanban","columns","id","title","items","priority"],"sources":["../../../src/views/Kanban.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAY;AACrB,SAASC,IAAA,iBAAiC;AA6ClC,SAAAC,MAAA;AArCR,IAAAC,OAAM,IACJ;EACEC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,KAAA,EAAO,CACL;IACEF,EAAA,EAAI;IACRC,KAAA;IACFE,QAAA;EACA,GACE;IACAH,EAAA,EAAO;IACPC,KAAQ,EAAE,YAAS;IACrBE,QAAA;EACA;AACM,GACG;EAETH,EAAA;EACFC,KAAA;EAEAC,KAAM,GACJ;IACAF,EAAA,KAAY;IACVC,KAAQ,EAAE,gBAAe;IAC3BE,QAAA;EACF;AAIO,GACL;EACAH,EAAA,QAAQ;EACLC,KAAA;EAAAC,KAAA,GACC;IACAF,EAAA;IACAC,KAAA,eACE;IAIFE,QAAQ;EAAA;AAGd,E","ignoreList":[]}