@multiplatform.one/components 5.0.26 → 6.0.0

package/dist/cjs/views/Kanban.cjs

@@ -0,0 +1,295 @@
+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 Kanban_exports = {};
+__export(Kanban_exports, {
+  Kanban: () => Kanban
+});
+module.exports = __toCommonJS(Kanban_exports);
+var import_componentColors = require("../componentColors.cjs");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_hotkeys = require("@tanstack/react-hotkeys");
+var import_react_virtual = require("@tanstack/react-virtual");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("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
+  } = (0, import_theme.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 = (0, import_react.useId)();
+  const containerRef = (0, import_react.useRef)(null);
+  const [focusedCol, setFocusedCol] = (0, import_react.useState)(-1);
+  const [focusedCard, setFocusedCard] = (0, import_react.useState)(-1);
+  const hotkeyOpts = {
+    target: containerRef
+  };
+  (0, import_react_hotkeys.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);
+  (0, import_react_hotkeys.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);
+  (0, import_react_hotkeys.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);
+  (0, import_react_hotkeys.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);
+  (0, import_react_hotkeys.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...stackProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ref: containerRef,
+      tabIndex: 0,
+      role: "grid",
+      "aria-label": "Kanban board",
+      outlineWidth: 0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          children: columns.map((column, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_theme.useResolvedKnobs)();
+  const parentRef = (0, import_react.useRef)(null);
+  const virtualizer = (0, import_react_virtual.useVirtualizer)({
+    count: column.items.length,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => estimateSize,
+    overscan
+  });
+  const isActiveColumn = columnIndex === focusedColumnIndex;
+  (0, import_react.useEffect)(() => {
+    if (isActiveColumn && focusedCardIndex >= 0 && focusedCardIndex < column.items.length) {
+      virtualizer.scrollToIndex(focusedCardIndex, {
+        align: "auto"
+      });
+    }
+  }, [isActiveColumn, focusedCardIndex, column.items.length, virtualizer]);
+  const handleScroll = (0, import_react.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]);
+  (0, import_react.useEffect)(() => {
+    const el = parentRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [handleScroll]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+    size: knobProps.sizeToken,
+    ...{
+      backgroundColor: import_componentColors.componentColors.surface.background
+    },
+    width: columnWidth,
+    minHeight: minColumnHeight,
+    borderWidth: isActiveColumn ? 2 : 1,
+    borderColor: isActiveColumn ? "$accentBackground" : "$borderColor",
+    overflow: "hidden",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+      title: column.title,
+      icon: column.color ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: column.color
+      }) : void 0,
+      iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: import_componentColors.componentColors.text.muted,
+        fontSize: knobProps.sizeToken,
+        ...{
+          backgroundColor: import_componentColors.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: import_componentColors.componentColors.text.muted,
+        fontSize: "$2",
+        children: emptyColumnMessage
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ref: parentRef,
+      style: {
+        flex: 1,
+        overflow: "auto",
+        minHeight: minColumnHeight - 60
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ref: virtualizer.measureElement,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              transform: `translateY(${virtualItem.start}px)`,
+              padding: 4
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$2",
+      alignItems: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "small"
+      })
+    })]
+  });
+}

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

@@ -0,0 +1,217 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Kanban_native_exports = {};
+__export(Kanban_native_exports, {
+  Kanban: () => Kanban
+});
+module.exports = __toCommonJS(Kanban_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_flash_list = require("@shopify/flash-list");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("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
+  } = (0, import_theme.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 = (0, import_react.useId)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...stackProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        children: columns.map(function (column, colIndex) {
+          return /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_theme.useResolvedKnobs)();
+  var flashListRef = (0, import_react.useRef)(null);
+  var [selectedIndex, setSelectedIndex] = (0, import_react.useState)(-1);
+  var handleEndReached = (0, import_react.useCallback)(function () {
+    if (onLoadMore && hasMore && !isLoading) {
+      onLoadMore();
+    }
+  }, [onLoadMore, hasMore, isLoading]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+    size: knobProps.sizeToken,
+    backgroundColor: "$color2",
+    width: columnWidth,
+    minHeight: minColumnHeight,
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    overflow: "hidden",
+    children: [/* Column Header */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+      title: column.title,
+      icon: column.color ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: column.color
+      }) : void 0,
+      iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: emptyColumnMessage
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      style: {
+        flex: 1,
+        minHeight: minColumnHeight - 60
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_flash_list.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            padding: "$1",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          padding: "$2",
+          alignItems: "center",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+            size: "small"
+          })
+        }) : null
+      })
+    })]
+  });
+}
+//# sourceMappingURL=Kanban.native.js.map

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

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

package/dist/cjs/views/Kanban.stories.cjs

@@ -0,0 +1,82 @@
+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 Kanban_stories_exports = {};
+__export(Kanban_stories_exports, {
+  Default: () => Default,
+  default: () => Kanban_stories_default
+});
+module.exports = __toCommonJS(Kanban_stories_exports);
+var import_tamagui = require("tamagui");
+var import_Kanban = require("./Kanban.cjs");
+var import_jsx_runtime = require("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__ */(0, import_jsx_runtime.jsx)(import_Kanban.Kanban, {
+    columns,
+    getItemKey: item => item.id,
+    renderCard: item => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$3",
+      padding: "$2",
+      children: item.title
+    }),
+    height: 400
+  })
+};