@multiplatform.one/table 6.0.0

package/dist/cjs/components/SavedFilterDropdown.cjs

@@ -0,0 +1,65 @@
+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 SavedFilterDropdown_exports = {};
+__export(SavedFilterDropdown_exports, {
+  SavedFilterDropdown: () => SavedFilterDropdown
+});
+module.exports = __toCommonJS(SavedFilterDropdown_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SavedFilterDropdown({
+  filters,
+  selectedFilter,
+  onSelectFilter,
+  onDeleteFilter: _onDeleteFilter,
+  placeholder = "Saved Filters",
+  disabled = false
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (filters.length === 0) {
+    return null;
+  }
+  const options = (0, import_react.useMemo)(() => filters.map(filter => ({
+    value: filter.name,
+    label: filter.filter_name + (filter.isGlobal ? " (Global)" : "")
+  })), [filters]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+    value: selectedFilter?.name || "",
+    onValueChange: value => {
+      if (typeof value === "string") {
+        const filter = filters.find(f => f.name === value);
+        onSelectFilter(filter || null);
+      }
+    },
+    options,
+    placeholder,
+    disabled,
+    size: knobProps.sizeToken,
+    compact: true,
+    "aria-label": "Saved filters"
+  });
+}

package/dist/cjs/components/SavedFilterDropdown.native.js

@@ -0,0 +1,75 @@
+"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 SavedFilterDropdown_exports = {};
+__export(SavedFilterDropdown_exports, {
+  SavedFilterDropdown: () => SavedFilterDropdown
+});
+module.exports = __toCommonJS(SavedFilterDropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_forms = require("@multiplatform.one/forms");
+function SavedFilterDropdown(param) {
+  var {
+    filters,
+    selectedFilter,
+    onSelectFilter,
+    onDeleteFilter: _onDeleteFilter,
+    placeholder = "Saved Filters",
+    disabled = false
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (filters.length === 0) {
+    return null;
+  }
+  var options = (0, import_react.useMemo)(function () {
+    return filters.map(function (filter) {
+      return {
+        value: filter.name,
+        label: filter.filter_name + (filter.isGlobal ? " (Global)" : "")
+      };
+    });
+  }, [filters]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+    value: (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.name) || "",
+    onValueChange: function onValueChange(value) {
+      if (typeof value === "string") {
+        var filter = filters.find(function (f) {
+          return f.name === value;
+        });
+        onSelectFilter(filter || null);
+      }
+    },
+    options,
+    placeholder,
+    disabled,
+    size: knobProps.sizeToken,
+    compact: true,
+    "aria-label": "Saved filters"
+  });
+}
+//# sourceMappingURL=SavedFilterDropdown.native.js.map

package/dist/cjs/components/SavedFilterDropdown.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SavedFilterDropdown_exports","__export","SavedFilterDropdown","module","exports","import_jsx_runtime","require","import_theme","import_react","import_forms","param","filters","selectedFilter","onSelectFilter","onDeleteFilter","_onDeleteFilter","placeholder","disabled","knobProps","useResolvedKnobs","length","options","useMemo","map","filter","name","label","filter_name","isGlobal","jsx","Select","onValueChange","find","f","size","sizeToken","compact"],"sources":["../../../src/components/SavedFilterDropdown.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,2BAAA;AACjC,IAAAK,kBAAwB,GAAAC,OAAA;AACxB,IAAAC,YAAA,GAAuBD,OAAA;AAqCnB,IAAAE,YAAA,GAAAF,OAAA;AAzBG,IAAAG,YAAS,GAAAH,OAAA,2BAAoB;AAAA,SAClCJ,oBAAAQ,KAAA;EACA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,cAAA,EAAAC,eAAA;IAAAC,WAAA;IAAAC,QAAA;EAAA,IAAAP,KAAA;EACA;IAAAQ;EAAA,QAAAX,YAAA,CAAAY,gBAAA;EACA,IAAAR,OAAA,CAAAS,MAAgB;IAChB;EACA;EACF,IAA6BC,OAAA,OAAAb,YAAA,CAAAc,OAAA;IAC3B,OAAQX,OAAA,CAAAY,GAAU,WAAIC,MAAA;MAElB;QACFzB,KAAO,EAAAyB,MAAA,CAAAC,IAAA;QACTC,KAAA,EAAAF,MAAA,CAAAG,WAAA,IAAAH,MAAA,CAAAI,QAAA;MAGA;IACE;EAC2B,IACTjB,OACd,CAA6D,CAC/D;EAAE,OACH,eAAO,IAAAN,kBAAA,CAAAwB,GAAA,EAAApB,YAAA,CAAAqB,MAAA;IACV/B,KAAA,GAAAa,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAAa,IAAA;IAEAM,aACE,WAAAA,cAAAhC,KAAA;MAAC,WAAAA,KAAA;QAAA,IAAAyB,MAAA,GAAAb,OAAA,CAAAqB,IAAA,WAAAC,CAAA;UACC,OAAOA,CAAA,CAAAR,IAAA,KAAA1B,KAAgB;QACvB;QACEc,cAAW,CAAAW,MAAU;MACnB;IACA;IAA6BH,OAC/B;IAAAL,WACF;IAAAC,QACA;IAAAiB,IACA,EAAAhB,SAAA,CAAAiB,SAAA;IAAAC,OACA;IAAA,YACM;EAAU;AACT","ignoreList":[]}

package/dist/cjs/components/SavedFilterDropdown.spec.cjs

@@ -0,0 +1,83 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_SavedFilterDropdown = require("./SavedFilterDropdown.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const mockFilters = [{
+  name: "filter-1",
+  filter_name: "Active Users",
+  for_user: "user@example.com",
+  filters: [["status", "is", "active"]],
+  isGlobal: false
+}, {
+  name: "filter-2",
+  filter_name: "High Priority",
+  for_user: "",
+  filters: [["priority", "is", "high"]],
+  isGlobal: true
+}, {
+  name: "filter-3",
+  filter_name: "Recent Items",
+  for_user: "user@example.com",
+  filters: [["created", "after", "2024-01-01"], ["status", "isNot", "archived"]],
+  isGlobal: false
+}];
+(0, import_vitest.describe)("SavedFilterDropdown", () => {
+  (0, import_vitest.it)("renders saved filter list and calls onSelect", () => {
+    const onSelect = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect
+    }));
+    const trigger = container.querySelector("button");
+    (0, import_vitest.expect)(trigger).toBeDefined();
+  });
+  (0, import_vitest.it)("returns null when filters list is empty", () => {
+    const onSelect = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: [],
+      onSelectFilter: onSelect
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[role="combobox"]')).toBeNull();
+  });
+  (0, import_vitest.it)("renders with selected filter", () => {
+    const onSelect = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      selectedFilter: mockFilters[0],
+      onSelectFilter: onSelect
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("accepts onDeleteFilter callback without Frappe dependency", () => {
+    const onSelect = import_vitest.vi.fn();
+    const onDelete = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      onDeleteFilter: onDelete
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("renders in disabled state", () => {
+    const onSelect = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      disabled: true
+    }));
+    const trigger = container.querySelector("button");
+    (0, import_vitest.expect)(trigger).toBeDefined();
+    (0, import_vitest.expect)(trigger?.getAttribute("disabled")).not.toBeNull();
+  });
+});

package/dist/cjs/components/SavedFilterDropdown.spec.native.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_SavedFilterDropdown = require("./SavedFilterDropdown.native.js");
+var mockFilters = [{
+  name: "filter-1",
+  filter_name: "Active Users",
+  for_user: "user@example.com",
+  filters: [["status", "is", "active"]],
+  isGlobal: false
+}, {
+  name: "filter-2",
+  filter_name: "High Priority",
+  for_user: "",
+  filters: [["priority", "is", "high"]],
+  isGlobal: true
+}, {
+  name: "filter-3",
+  filter_name: "Recent Items",
+  for_user: "user@example.com",
+  filters: [["created", "after", "2024-01-01"], ["status", "isNot", "archived"]],
+  isGlobal: false
+}];
+(0, import_vitest.describe)("SavedFilterDropdown", function () {
+  (0, import_vitest.it)("renders saved filter list and calls onSelect", function () {
+    var onSelect = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect
+    }));
+    var trigger = container.querySelector("button");
+    (0, import_vitest.expect)(trigger).toBeDefined();
+  });
+  (0, import_vitest.it)("returns null when filters list is empty", function () {
+    var onSelect = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: [],
+      onSelectFilter: onSelect
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[role="combobox"]')).toBeNull();
+  });
+  (0, import_vitest.it)("renders with selected filter", function () {
+    var onSelect = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      selectedFilter: mockFilters[0],
+      onSelectFilter: onSelect
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("accepts onDeleteFilter callback without Frappe dependency", function () {
+    var onSelect = import_vitest.vi.fn();
+    var onDelete = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      onDeleteFilter: onDelete
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("renders in disabled state", function () {
+    var onSelect = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SavedFilterDropdown.SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      disabled: true
+    }));
+    var trigger = container.querySelector("button");
+    (0, import_vitest.expect)(trigger).toBeDefined();
+    (0, import_vitest.expect)(trigger === null || trigger === void 0 ? void 0 : trigger.getAttribute("disabled")).not.toBeNull();
+  });
+});
+//# sourceMappingURL=SavedFilterDropdown.spec.native.js.map

package/dist/cjs/components/SavedFilterDropdown.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_SavedFilterDropdown","mockFilters","name","filter_name","for_user","filters","isGlobal","describe","it","onSelect","vi","fn","container","renderWithProviders","jsx","SavedFilterDropdown","onSelectFilter","trigger","querySelector","expect","toBeDefined","toBeNull","selectedFilter","onDelete","onDeleteFilter"],"sources":["../../../src/components/SavedFilterDropdown.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAyC,GAAAC,OAAA;AAEzC,IAAAC,iBAAA,GAAAD,OAAA,gCAAoC;AAiC9B,IAAAE,aAAA,GAAAF,OAAA;AAhCN,IAAAG,0BAAoC,GAAAH,OAAA;AAAA,IAClCI,WAAA;EAEEC,IAAA,YAAa;EACbC,WAAU;EACVC,QAAA,EAAU,kBAAiB;EAC3BC,OAAA,GACF,CACA,UACE,IAAM,EACN,SACA,CACA;EACAC,QAAA,EAAU;AACZ,GACA;EACEJ,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,OAAA,EAAS,CACP,CACC,UAAU,EACb,MACA,MAAU,CACZ,CACF;EAEAC,QAAA;AACE,GACE;EAEAJ,IAAA,EAAM,UAAE;EAAcC,WACpB;EACFC,QAAA;EAGAC,OAAM,GACN,CACD,WAED,SACE,YAAM,CAEN,EACE,CACF,UAGA,SACA,WACD,CAED;EACEC,QAAM;AAEN,EAAsB;AACpB,IAAAP,aAAC,CAAAQ,QAAA;EAAA,IAAAR,aAAA,CAAAS,EAAA;IAAA,IAAAC,QACC,GAASV,aAAA,CAAAW,EAAA,CAAAC,EAAA;IAAA;MACTC;IAAA,MAAgB,EAAAd,iBAAa,CAAAe,mBAAA,qBAAAjB,kBAAA,CAAAkB,GAAA,EAAAd,0BAAA,CAAAe,mBAAA;MAAAV,OAC7B,EAAAJ,WAAgB;MAAAe,cAAA,EAAAP;IAAA,EAClB;IACF,IAAAQ,OAAA,GAAAL,SAAA,CAAAM,aAAA;IAGA,IAAAnB,aAAA,CAAAoB,MAAA,EAAOF,OAAA,EAAAG,WAAU;EACnB,CAAC;EAED,IAAArB,aAAA,CAAAS,EAAA,EAAG;IACD,IAAAC,QAAM,GAAAV,aAAW,CAAAW,EAAA,CAAAC,EAAG;IACpB;MAAMC;IAAA,CAAW,OAAAd,iBAAM,CAAAe,mBAAA,qBAAAjB,kBAAA,CAAAkB,GAAA,EAAAd,0BAAA,CAAAe,mBAAA;MAEvBV,OAAQ;MACNW,cAAA,EAAAP;IAAA;IAAC,IAAAV,aAAA,CAAAoB,MAAA,EAAAP,SAAA,CAAAM,aAAA,YAAAG,QAAA;IAAA,IAAAtB,aACU,CAAAoB,MAAA,EAAAP,SAAA,CAAAM,aAAA,uBAAAG,QAAA;EAAA;EACO,IAAAtB,aAChB,CAAAS,EAAA,gCAAgB;IAAA,IAAAC,QAAA,GAAAV,aAAA,CAAAW,EAAA,CAAAC,EAAA;IAAA,IAClB;MAAAC;IAAA,QAAAd,iBAAA,CAAAe,mBAAA,qBAAAjB,kBAAA,CAAAkB,GAAA,EAAAd,0BAAA,CAAAe,mBAAA;MACFV,OAAA,EAAAJ,WAAA;MAGAqB,cAAA,EAAArB,WAAO;MACRe,cAAA,EAAAP;IAED;IACE,IAAAV,aAAiB,CAAAoB,MAAA,EAAAP,SAAG,CAAAM,aAAG,YAAAE,WAAA;EAEvB;EAAsB,IACpBrB,aAAA,CAAAS,EAAA,6DAAC;IACH,IAAAC,QAAA,GAAAV,aAAA,CAAAW,EAAA,CAAAC,EAAA;IAEA,IAAAY,QAAM,GAAAxB,aAAoB,CAAAW,EAAA,CAAAC,EAAA;IAC1B;MAAAC;IAAA,QAAAd,iBAAgB,CAAAe,mBAAY,qBAAAjB,kBAAA,CAAAkB,GAAA,EAAAd,0BAAA,CAAAe,mBAAA;MAC5BV,OAAA,EAAAJ,WAAA;MACDe,cAAA,EAAAP,QAAA;MACFe,cAAA,EAAAD","ignoreList":[]}

package/dist/cjs/components/SimpleTable/index.cjs

@@ -0,0 +1,193 @@
+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 SimpleTable_exports = {};
+__export(SimpleTable_exports, {
+  SimpleTable: () => SimpleTable,
+  SimpleTableDesktop: () => SimpleTableDesktop
+});
+module.exports = __toCommonJS(SimpleTable_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_jsx_runtime = require("react/jsx-runtime");
+function alignToFlex(align) {
+  switch (align) {
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+}
+function SimpleTableMobileCards({
+  data,
+  columns
+}) {
+  if (data.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      padding: "$8",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color1",
+      borderRadius: "$4",
+      "aria-live": "polite",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$4",
+        children: "No data available"
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "column",
+    gap: "$2",
+    children: data.map((row, rowIndex) => {
+      const intent = row._intent;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        backgroundColor: "$color1",
+        borderRadius: "$4",
+        borderWidth: 1,
+        borderColor: "$color6",
+        padding: "$3",
+        ...(intent ? {
+          theme: intent
+        } : {}),
+        children: columns.map(col => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingVertical: "$1.5",
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$3",
+            color: "$color10",
+            fontWeight: "500",
+            width: "40%",
+            flexShrink: 0,
+            children: col.header
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$3",
+              color: "$color12",
+              textAlign: col.align ?? "left",
+              children: String(row[col.accessorKey] ?? "")
+            })
+          })]
+        }, col.accessorKey))
+      }, rowIndex);
+    })
+  });
+}
+function SimpleTableDesktop({
+  data,
+  columns,
+  ...props
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SimpleTable"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+      "aria-label": props["aria-label"],
+      ...knobProps.borderRadius,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          children: columns.map((col, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+            justifyContent: alignToFlex(col.align),
+            cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+            "data-align": col.align ?? "left",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontWeight: "600",
+              fontSize: "$3",
+              children: col.header
+            })
+          }, col.accessorKey))
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+        children: data.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              color: "$color10",
+              textAlign: "center",
+              padding: "$4",
+              children: "No data available"
+            })
+          })
+        }) : data.map((row, rowIndex) => {
+          const intent = row._intent;
+          const intentProps = intent ? {
+            [intent]: true
+          } : {};
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+            rowLocation: rowIndex === 0 ? "first" : rowIndex === data.length - 1 ? "last" : "middle",
+            ...intentProps,
+            children: columns.map((col, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+              justifyContent: alignToFlex(col.align),
+              cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+              "data-align": col.align ?? "left",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: "$3",
+                color: "$color12",
+                children: String(row[col.accessorKey] ?? "")
+              })
+            }, col.accessorKey))
+          }, rowIndex);
+        })
+      })]
+    })
+  });
+}
+function SimpleTable({
+  data,
+  columns,
+  ...props
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SimpleTable"
+  });
+  const {
+    sm
+  } = (0, import_tamagui.useMedia)();
+  if (sm === false) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.borderRadius,
+      ...props,
+      testID: "simple-table-cards",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleTableMobileCards, {
+        data,
+        columns
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleTableDesktop, {
+    data,
+    columns,
+    ...props
+  });
+}