@superminimalui/table 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TableBorderVariant = "soft" | "hard";
+type TableBorderColor = "primary" | "neutral" | "danger";
+type TableBorderWidth = "sm" | "md" | "lg";
+interface TableProps {
+    columns: number;
+    rows: number;
+    bordered?: boolean;
+    borderVariant?: TableBorderVariant;
+    borderColor?: TableBorderColor;
+    borderWidth?: TableBorderWidth;
+    className?: string;
+}
+
+declare function Table({ columns, rows, bordered, borderVariant, borderColor, borderWidth, className, }: TableProps): react_jsx_runtime.JSX.Element;
+
+export { Table, type TableProps };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TableBorderVariant = "soft" | "hard";
+type TableBorderColor = "primary" | "neutral" | "danger";
+type TableBorderWidth = "sm" | "md" | "lg";
+interface TableProps {
+    columns: number;
+    rows: number;
+    bordered?: boolean;
+    borderVariant?: TableBorderVariant;
+    borderColor?: TableBorderColor;
+    borderWidth?: TableBorderWidth;
+    className?: string;
+}
+
+declare function Table({ columns, rows, bordered, borderVariant, borderColor, borderWidth, className, }: TableProps): react_jsx_runtime.JSX.Element;
+
+export { Table, type TableProps };

package/dist/index.js

@@ -0,0 +1,77 @@
+"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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/Table/Table.tsx
+var import_core = require("@simple-ui/core");
+
+// src/Table/table.styles.ts
+var borderColorMap = {
+  primary: "border-[var(--ui-primary)]",
+  neutral: "border-white/20",
+  danger: "border-red-500"
+};
+var borderWidthMap = {
+  sm: "border",
+  md: "border-2",
+  lg: "border-4"
+};
+var borderVariantMap = {
+  soft: "rounded-md",
+  hard: "rounded-none"
+};
+
+// src/Table/Table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Table({
+  columns,
+  rows,
+  bordered = true,
+  borderVariant = "soft",
+  borderColor = "neutral",
+  borderWidth = "sm",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_core.cn)(
+        "grid text-sm",
+        bordered && borderWidthMap[borderWidth],
+        bordered && borderColorMap[borderColor],
+        bordered && borderVariantMap[borderVariant],
+        className
+      ),
+      style: {
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
+      },
+      children: Array.from({ length: rows * columns }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2", children: "Cell" }, i))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table
+});

package/dist/index.mjs

@@ -0,0 +1,50 @@
+// src/Table/Table.tsx
+import { cn } from "@simple-ui/core";
+
+// src/Table/table.styles.ts
+var borderColorMap = {
+  primary: "border-[var(--ui-primary)]",
+  neutral: "border-white/20",
+  danger: "border-red-500"
+};
+var borderWidthMap = {
+  sm: "border",
+  md: "border-2",
+  lg: "border-4"
+};
+var borderVariantMap = {
+  soft: "rounded-md",
+  hard: "rounded-none"
+};
+
+// src/Table/Table.tsx
+import { jsx } from "react/jsx-runtime";
+function Table({
+  columns,
+  rows,
+  bordered = true,
+  borderVariant = "soft",
+  borderColor = "neutral",
+  borderWidth = "sm",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grid text-sm",
+        bordered && borderWidthMap[borderWidth],
+        bordered && borderColorMap[borderColor],
+        bordered && borderVariantMap[borderVariant],
+        className
+      ),
+      style: {
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
+      },
+      children: Array.from({ length: rows * columns }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "p-2", children: "Cell" }, i))
+    }
+  );
+}
+export {
+  Table
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@superminimalui/table",
+  "version": "0.0.1",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup"
+  },
+  "dependencies": {
+    "@superminimalui/core": "workspace:*"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}