@superminimalui/table 0.0.27 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Table.d.mts +6 -0
- package/dist/Table.d.ts +6 -0
- package/dist/Table.js +73 -0
- package/dist/Table.js.map +1 -0
- package/dist/Table.mjs +9 -0
- package/dist/Table.mjs.map +1 -0
- package/dist/chunk-JPNVXNLK.mjs +24 -0
- package/dist/chunk-JPNVXNLK.mjs.map +1 -0
- package/dist/chunk-PJB4SVPO.mjs +41 -0
- package/dist/chunk-PJB4SVPO.mjs.map +1 -0
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +75 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +9 -0
- package/dist/index.mjs.map +1 -0
- package/dist/table.styles.d.mts +14 -0
- package/dist/table.styles.d.ts +14 -0
- package/dist/table.styles.js +43 -0
- package/dist/table.styles.js.map +1 -0
- package/dist/table.styles.mjs +12 -0
- package/dist/table.styles.mjs.map +1 -0
- package/dist/table.types.d.mts +14 -0
- package/dist/table.types.d.ts +14 -0
- package/dist/table.types.js +20 -0
- package/dist/table.types.js.map +1 -0
- package/dist/table.types.mjs +2 -0
- package/dist/table.types.mjs.map +1 -0
- package/package.json +1 -1
package/dist/Table.d.mts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { TableProps } from './table.types.mjs';
|
|
3
|
+
|
|
4
|
+
declare function Table({ columns, rows, bordered, borderVariant, borderColor, borderWidth, className, }: TableProps): react_jsx_runtime.JSX.Element;
|
|
5
|
+
|
|
6
|
+
export { Table };
|
package/dist/Table.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { TableProps } from './table.types.js';
|
|
3
|
+
|
|
4
|
+
declare function Table({ columns, rows, bordered, borderVariant, borderColor, borderWidth, className, }: TableProps): react_jsx_runtime.JSX.Element;
|
|
5
|
+
|
|
6
|
+
export { Table };
|
package/dist/Table.js
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/Table.tsx
|
|
22
|
+
var Table_exports = {};
|
|
23
|
+
__export(Table_exports, {
|
|
24
|
+
Table: () => Table
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(Table_exports);
|
|
27
|
+
var import_core = require("@superminimalui/core");
|
|
28
|
+
|
|
29
|
+
// src/table.styles.ts
|
|
30
|
+
var borderColorMap = {
|
|
31
|
+
primary: "border-[var(--ui-primary)]",
|
|
32
|
+
neutral: "border-white/20",
|
|
33
|
+
danger: "border-red-500"
|
|
34
|
+
};
|
|
35
|
+
var borderWidthMap = {
|
|
36
|
+
sm: "border",
|
|
37
|
+
md: "border-2",
|
|
38
|
+
lg: "border-4"
|
|
39
|
+
};
|
|
40
|
+
var borderVariantMap = {
|
|
41
|
+
soft: "rounded-md",
|
|
42
|
+
hard: "rounded-none"
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// src/Table.tsx
|
|
46
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
|
+
function Table({
|
|
48
|
+
columns,
|
|
49
|
+
rows,
|
|
50
|
+
bordered = true,
|
|
51
|
+
borderVariant = "soft",
|
|
52
|
+
borderColor = "neutral",
|
|
53
|
+
borderWidth = "sm",
|
|
54
|
+
className
|
|
55
|
+
}) {
|
|
56
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
className: (0, import_core.cn)(
|
|
60
|
+
"grid text-sm",
|
|
61
|
+
bordered && borderWidthMap[borderWidth],
|
|
62
|
+
bordered && borderColorMap[borderColor],
|
|
63
|
+
bordered && borderVariantMap[borderVariant],
|
|
64
|
+
className
|
|
65
|
+
),
|
|
66
|
+
style: {
|
|
67
|
+
gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
|
|
68
|
+
},
|
|
69
|
+
children: Array.from({ length: rows * columns }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2", children: "Cell" }, i))
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Table.tsx","../src/table.styles.ts"],"sourcesContent":["import { cn } from \"@superminimalui/core\";\r\nimport {\r\n borderColorMap,\r\n borderVariantMap,\r\n borderWidthMap,\r\n} from \"./table.styles\";\r\nimport { type TableProps } from \"./table.types\";\r\n\r\nexport function Table({\r\n columns,\r\n rows,\r\n bordered = true,\r\n borderVariant = \"soft\",\r\n borderColor = \"neutral\",\r\n borderWidth = \"sm\",\r\n className,\r\n}: TableProps) {\r\n return (\r\n <div\r\n className={cn(\r\n \"grid text-sm\",\r\n bordered && borderWidthMap[borderWidth],\r\n bordered && borderColorMap[borderColor],\r\n bordered && borderVariantMap[borderVariant],\r\n className\r\n )}\r\n style={{\r\n gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\r\n }}\r\n >\r\n {Array.from({ length: rows * columns }).map((_, i) => (\r\n <div key={i} className=\"p-2\">\r\n Cell\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n}\r\n","import { TableProps } from \"./table.types\";\r\n\r\nexport const borderColorMap: Record<\r\n NonNullable<TableProps[\"borderColor\"]>,\r\n string\r\n> = {\r\n primary: \"border-[var(--ui-primary)]\",\r\n neutral: \"border-white/20\",\r\n danger: \"border-red-500\",\r\n};\r\n\r\nexport const borderWidthMap = {\r\n sm: \"border\",\r\n md: \"border-2\",\r\n lg: \"border-4\",\r\n};\r\n\r\nexport const borderVariantMap = {\r\n soft: \"rounded-md\",\r\n hard: \"rounded-none\",\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;;;ACEZ,IAAM,iBAGT;AAAA,EACF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;;;ADWQ;AAvBD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,iBAAiB,aAAa;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,qBAAqB,UAAU,OAAO;AAAA,MACxC;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,OAAO,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,MAC9C,4CAAC,SAAY,WAAU,OAAM,oBAAnB,CAEV,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
package/dist/Table.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
// src/table.styles.ts
|
|
4
|
+
var borderColorMap = {
|
|
5
|
+
primary: "border-[var(--ui-primary)]",
|
|
6
|
+
neutral: "border-white/20",
|
|
7
|
+
danger: "border-red-500"
|
|
8
|
+
};
|
|
9
|
+
var borderWidthMap = {
|
|
10
|
+
sm: "border",
|
|
11
|
+
md: "border-2",
|
|
12
|
+
lg: "border-4"
|
|
13
|
+
};
|
|
14
|
+
var borderVariantMap = {
|
|
15
|
+
soft: "rounded-md",
|
|
16
|
+
hard: "rounded-none"
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export {
|
|
20
|
+
borderColorMap,
|
|
21
|
+
borderWidthMap,
|
|
22
|
+
borderVariantMap
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=chunk-JPNVXNLK.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/table.styles.ts"],"sourcesContent":["import { TableProps } from \"./table.types\";\r\n\r\nexport const borderColorMap: Record<\r\n NonNullable<TableProps[\"borderColor\"]>,\r\n string\r\n> = {\r\n primary: \"border-[var(--ui-primary)]\",\r\n neutral: \"border-white/20\",\r\n danger: \"border-red-500\",\r\n};\r\n\r\nexport const borderWidthMap = {\r\n sm: \"border\",\r\n md: \"border-2\",\r\n lg: \"border-4\",\r\n};\r\n\r\nexport const borderVariantMap = {\r\n soft: \"rounded-md\",\r\n hard: \"rounded-none\",\r\n};\r\n"],"mappings":";;;AAEO,IAAM,iBAGT;AAAA,EACF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
borderColorMap,
|
|
4
|
+
borderVariantMap,
|
|
5
|
+
borderWidthMap
|
|
6
|
+
} from "./chunk-JPNVXNLK.mjs";
|
|
7
|
+
|
|
8
|
+
// src/Table.tsx
|
|
9
|
+
import { cn } from "@superminimalui/core";
|
|
10
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
|
+
function Table({
|
|
12
|
+
columns,
|
|
13
|
+
rows,
|
|
14
|
+
bordered = true,
|
|
15
|
+
borderVariant = "soft",
|
|
16
|
+
borderColor = "neutral",
|
|
17
|
+
borderWidth = "sm",
|
|
18
|
+
className
|
|
19
|
+
}) {
|
|
20
|
+
return /* @__PURE__ */ jsx(
|
|
21
|
+
"div",
|
|
22
|
+
{
|
|
23
|
+
className: cn(
|
|
24
|
+
"grid text-sm",
|
|
25
|
+
bordered && borderWidthMap[borderWidth],
|
|
26
|
+
bordered && borderColorMap[borderColor],
|
|
27
|
+
bordered && borderVariantMap[borderVariant],
|
|
28
|
+
className
|
|
29
|
+
),
|
|
30
|
+
style: {
|
|
31
|
+
gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
|
|
32
|
+
},
|
|
33
|
+
children: Array.from({ length: rows * columns }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "p-2", children: "Cell" }, i))
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export {
|
|
39
|
+
Table
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=chunk-PJB4SVPO.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Table.tsx"],"sourcesContent":["import { cn } from \"@superminimalui/core\";\r\nimport {\r\n borderColorMap,\r\n borderVariantMap,\r\n borderWidthMap,\r\n} from \"./table.styles\";\r\nimport { type TableProps } from \"./table.types\";\r\n\r\nexport function Table({\r\n columns,\r\n rows,\r\n bordered = true,\r\n borderVariant = \"soft\",\r\n borderColor = \"neutral\",\r\n borderWidth = \"sm\",\r\n className,\r\n}: TableProps) {\r\n return (\r\n <div\r\n className={cn(\r\n \"grid text-sm\",\r\n bordered && borderWidthMap[borderWidth],\r\n bordered && borderColorMap[borderColor],\r\n bordered && borderVariantMap[borderVariant],\r\n className\r\n )}\r\n style={{\r\n gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\r\n }}\r\n >\r\n {Array.from({ length: rows * columns }).map((_, i) => (\r\n <div key={i} className=\"p-2\">\r\n Cell\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;AAAA,SAAS,UAAU;AA+BX;AAvBD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,iBAAiB,aAAa;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,qBAAqB,UAAU,OAAO;AAAA,MACxC;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,OAAO,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,MAC9C,oBAAC,SAAY,WAAU,OAAM,oBAAnB,CAEV,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
package/dist/index.d.mts
ADDED
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/index.ts
|
|
22
|
+
var index_exports = {};
|
|
23
|
+
__export(index_exports, {
|
|
24
|
+
Table: () => Table
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(index_exports);
|
|
27
|
+
|
|
28
|
+
// src/Table.tsx
|
|
29
|
+
var import_core = require("@superminimalui/core");
|
|
30
|
+
|
|
31
|
+
// src/table.styles.ts
|
|
32
|
+
var borderColorMap = {
|
|
33
|
+
primary: "border-[var(--ui-primary)]",
|
|
34
|
+
neutral: "border-white/20",
|
|
35
|
+
danger: "border-red-500"
|
|
36
|
+
};
|
|
37
|
+
var borderWidthMap = {
|
|
38
|
+
sm: "border",
|
|
39
|
+
md: "border-2",
|
|
40
|
+
lg: "border-4"
|
|
41
|
+
};
|
|
42
|
+
var borderVariantMap = {
|
|
43
|
+
soft: "rounded-md",
|
|
44
|
+
hard: "rounded-none"
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
// src/Table.tsx
|
|
48
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
49
|
+
function Table({
|
|
50
|
+
columns,
|
|
51
|
+
rows,
|
|
52
|
+
bordered = true,
|
|
53
|
+
borderVariant = "soft",
|
|
54
|
+
borderColor = "neutral",
|
|
55
|
+
borderWidth = "sm",
|
|
56
|
+
className
|
|
57
|
+
}) {
|
|
58
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
className: (0, import_core.cn)(
|
|
62
|
+
"grid text-sm",
|
|
63
|
+
bordered && borderWidthMap[borderWidth],
|
|
64
|
+
bordered && borderColorMap[borderColor],
|
|
65
|
+
bordered && borderVariantMap[borderVariant],
|
|
66
|
+
className
|
|
67
|
+
),
|
|
68
|
+
style: {
|
|
69
|
+
gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
|
|
70
|
+
},
|
|
71
|
+
children: Array.from({ length: rows * columns }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2", children: "Cell" }, i))
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/Table.tsx","../src/table.styles.ts"],"sourcesContent":["// Export principal del componente Table\r\nexport { Table } from \"./Table\";\r\n\r\n// Export de los tipos públicos\r\nexport type { TableProps } from \"./table.types\";\r\n","import { cn } from \"@superminimalui/core\";\r\nimport {\r\n borderColorMap,\r\n borderVariantMap,\r\n borderWidthMap,\r\n} from \"./table.styles\";\r\nimport { type TableProps } from \"./table.types\";\r\n\r\nexport function Table({\r\n columns,\r\n rows,\r\n bordered = true,\r\n borderVariant = \"soft\",\r\n borderColor = \"neutral\",\r\n borderWidth = \"sm\",\r\n className,\r\n}: TableProps) {\r\n return (\r\n <div\r\n className={cn(\r\n \"grid text-sm\",\r\n bordered && borderWidthMap[borderWidth],\r\n bordered && borderColorMap[borderColor],\r\n bordered && borderVariantMap[borderVariant],\r\n className\r\n )}\r\n style={{\r\n gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\r\n }}\r\n >\r\n {Array.from({ length: rows * columns }).map((_, i) => (\r\n <div key={i} className=\"p-2\">\r\n Cell\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n}\r\n","import { TableProps } from \"./table.types\";\r\n\r\nexport const borderColorMap: Record<\r\n NonNullable<TableProps[\"borderColor\"]>,\r\n string\r\n> = {\r\n primary: \"border-[var(--ui-primary)]\",\r\n neutral: \"border-white/20\",\r\n danger: \"border-red-500\",\r\n};\r\n\r\nexport const borderWidthMap = {\r\n sm: \"border\",\r\n md: \"border-2\",\r\n lg: \"border-4\",\r\n};\r\n\r\nexport const borderVariantMap = {\r\n soft: \"rounded-md\",\r\n hard: \"rounded-none\",\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAmB;;;ACEZ,IAAM,iBAGT;AAAA,EACF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;;;ADWQ;AAvBD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,eAAe,WAAW;AAAA,QACtC,YAAY,iBAAiB,aAAa;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,qBAAqB,UAAU,OAAO;AAAA,MACxC;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,OAAO,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,MAC9C,4CAAC,SAAY,WAAU,OAAM,oBAAnB,CAEV,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TableProps } from './table.types.mjs';
|
|
2
|
+
|
|
3
|
+
declare const borderColorMap: Record<NonNullable<TableProps["borderColor"]>, string>;
|
|
4
|
+
declare const borderWidthMap: {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
};
|
|
9
|
+
declare const borderVariantMap: {
|
|
10
|
+
soft: string;
|
|
11
|
+
hard: string;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { borderColorMap, borderVariantMap, borderWidthMap };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TableProps } from './table.types.js';
|
|
2
|
+
|
|
3
|
+
declare const borderColorMap: Record<NonNullable<TableProps["borderColor"]>, string>;
|
|
4
|
+
declare const borderWidthMap: {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
};
|
|
9
|
+
declare const borderVariantMap: {
|
|
10
|
+
soft: string;
|
|
11
|
+
hard: string;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { borderColorMap, borderVariantMap, borderWidthMap };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/table.styles.ts
|
|
22
|
+
var table_styles_exports = {};
|
|
23
|
+
__export(table_styles_exports, {
|
|
24
|
+
borderColorMap: () => borderColorMap,
|
|
25
|
+
borderVariantMap: () => borderVariantMap,
|
|
26
|
+
borderWidthMap: () => borderWidthMap
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(table_styles_exports);
|
|
29
|
+
var borderColorMap = {
|
|
30
|
+
primary: "border-[var(--ui-primary)]",
|
|
31
|
+
neutral: "border-white/20",
|
|
32
|
+
danger: "border-red-500"
|
|
33
|
+
};
|
|
34
|
+
var borderWidthMap = {
|
|
35
|
+
sm: "border",
|
|
36
|
+
md: "border-2",
|
|
37
|
+
lg: "border-4"
|
|
38
|
+
};
|
|
39
|
+
var borderVariantMap = {
|
|
40
|
+
soft: "rounded-md",
|
|
41
|
+
hard: "rounded-none"
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=table.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/table.styles.ts"],"sourcesContent":["import { TableProps } from \"./table.types\";\r\n\r\nexport const borderColorMap: Record<\r\n NonNullable<TableProps[\"borderColor\"]>,\r\n string\r\n> = {\r\n primary: \"border-[var(--ui-primary)]\",\r\n neutral: \"border-white/20\",\r\n danger: \"border-red-500\",\r\n};\r\n\r\nexport const borderWidthMap = {\r\n sm: \"border\",\r\n md: \"border-2\",\r\n lg: \"border-4\",\r\n};\r\n\r\nexport const borderVariantMap = {\r\n soft: \"rounded-md\",\r\n hard: \"rounded-none\",\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,iBAGT;AAAA,EACF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type TableBorderVariant = "soft" | "hard";
|
|
2
|
+
type TableBorderColor = "primary" | "neutral" | "danger";
|
|
3
|
+
type TableBorderWidth = "sm" | "md" | "lg";
|
|
4
|
+
interface TableProps {
|
|
5
|
+
columns: number;
|
|
6
|
+
rows: number;
|
|
7
|
+
bordered?: boolean;
|
|
8
|
+
borderVariant?: TableBorderVariant;
|
|
9
|
+
borderColor?: TableBorderColor;
|
|
10
|
+
borderWidth?: TableBorderWidth;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type { TableBorderColor, TableBorderVariant, TableBorderWidth, TableProps };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type TableBorderVariant = "soft" | "hard";
|
|
2
|
+
type TableBorderColor = "primary" | "neutral" | "danger";
|
|
3
|
+
type TableBorderWidth = "sm" | "md" | "lg";
|
|
4
|
+
interface TableProps {
|
|
5
|
+
columns: number;
|
|
6
|
+
rows: number;
|
|
7
|
+
bordered?: boolean;
|
|
8
|
+
borderVariant?: TableBorderVariant;
|
|
9
|
+
borderColor?: TableBorderColor;
|
|
10
|
+
borderWidth?: TableBorderWidth;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type { TableBorderColor, TableBorderVariant, TableBorderWidth, TableProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from))
|
|
10
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
11
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
+
}
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
|
|
17
|
+
// src/table.types.ts
|
|
18
|
+
var table_types_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(table_types_exports);
|
|
20
|
+
//# sourceMappingURL=table.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/table.types.ts"],"sourcesContent":["export type TableBorderVariant = \"soft\" | \"hard\";\r\nexport type TableBorderColor = \"primary\" | \"neutral\" | \"danger\";\r\nexport type TableBorderWidth = \"sm\" | \"md\" | \"lg\";\r\n\r\nexport interface TableProps {\r\n columns: number;\r\n rows: number;\r\n bordered?: boolean;\r\n borderVariant?: TableBorderVariant;\r\n borderColor?: TableBorderColor;\r\n borderWidth?: TableBorderWidth;\r\n className?: string;\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|