@pibit.ai/cure-design-system 0.3.7 → 0.3.8
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/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +36 -32
- package/dist/patterns/table/TableWrapper.d.ts +6 -3
- package/dist/patterns/table/TableWrapper.d.ts.map +1 -1
- package/dist/patterns/table/TableWrapper.js +145 -0
- package/dist/patterns/table/table.d.ts +5 -3
- package/dist/patterns/table/table.d.ts.map +1 -1
- package/dist/patterns/table/table.js +195 -173
- package/dist/primitives/badge/badge-types.d.ts +1 -1
- package/dist/primitives/badge/badge-types.d.ts.map +1 -1
- package/dist/primitives/badge/badge.d.ts.map +1 -1
- package/dist/primitives/badge/badge.js +89 -109
- package/dist/styles/components.css +1 -1
- package/package.json +1 -1
|
@@ -1,95 +1,104 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { Table as
|
|
4
|
-
import { cn as
|
|
1
|
+
import { jsx as o, jsxs as x, Fragment as V } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as W, useContext as g, createContext as F, useState as T, isValidElement as A, useRef as G, useEffect as L, Children as M, cloneElement as I } from "react";
|
|
3
|
+
import { Table as B, useTableOptions as C, Cell as S, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
|
|
4
|
+
import { cn as c } from "../../utils/cn.js";
|
|
5
5
|
import { Badge as Y } from "../../primitives/badge/badge.js";
|
|
6
|
-
import { Icon as
|
|
7
|
-
import { Checkbox as
|
|
8
|
-
const
|
|
6
|
+
import { Icon as w } from "../../primitives/icon/icon.js";
|
|
7
|
+
import { Checkbox as D } from "../../primitives/checkbox/checkbox.js";
|
|
8
|
+
const b = F({
|
|
9
9
|
size: "md",
|
|
10
10
|
expandedRows: /* @__PURE__ */ new Set(),
|
|
11
11
|
toggleRow: () => {
|
|
12
12
|
}
|
|
13
|
-
}),
|
|
14
|
-
({ children:
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
if (!
|
|
19
|
-
const
|
|
20
|
-
const { scrollWidth: R, clientWidth:
|
|
21
|
-
f(R >
|
|
13
|
+
}), E = W(
|
|
14
|
+
({ children: r, className: n, size: i = "md", ...d }, e) => {
|
|
15
|
+
const s = G(null), [a, f] = T(!1), [p, l] = T(/* @__PURE__ */ new Set());
|
|
16
|
+
L(() => {
|
|
17
|
+
const t = s.current;
|
|
18
|
+
if (!t) return;
|
|
19
|
+
const u = () => {
|
|
20
|
+
const { scrollWidth: R, clientWidth: N } = t;
|
|
21
|
+
f(R > N);
|
|
22
22
|
};
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
return
|
|
26
|
-
|
|
23
|
+
u();
|
|
24
|
+
const h = new ResizeObserver(u);
|
|
25
|
+
return h.observe(t), () => {
|
|
26
|
+
h.disconnect();
|
|
27
27
|
};
|
|
28
28
|
}, []);
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
return
|
|
29
|
+
const m = (t) => {
|
|
30
|
+
l((u) => {
|
|
31
|
+
const h = new Set(u);
|
|
32
|
+
return h.has(t) ? h.delete(t) : h.add(t), h;
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
-
return /* @__PURE__ */ o(
|
|
35
|
+
return /* @__PURE__ */ o(b.Provider, { value: { size: i, hasOverflow: a, expandedRows: p, toggleRow: m }, children: /* @__PURE__ */ o(
|
|
36
36
|
"div",
|
|
37
37
|
{
|
|
38
|
-
ref: (
|
|
39
|
-
|
|
38
|
+
ref: (t) => {
|
|
39
|
+
s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
|
|
40
40
|
},
|
|
41
|
-
...
|
|
42
|
-
className:
|
|
43
|
-
children:
|
|
41
|
+
...d,
|
|
42
|
+
className: c("overflow-hidden rounded-lg bg-primary", n),
|
|
43
|
+
children: r
|
|
44
44
|
}
|
|
45
45
|
) });
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
|
-
|
|
49
|
-
const
|
|
50
|
-
const { size:
|
|
51
|
-
return /* @__PURE__ */
|
|
48
|
+
E.displayName = "TableCardRoot";
|
|
49
|
+
const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className: e }) => {
|
|
50
|
+
const { size: s } = g(b);
|
|
51
|
+
return /* @__PURE__ */ x(
|
|
52
52
|
"div",
|
|
53
53
|
{
|
|
54
|
-
className:
|
|
55
|
-
"relative flex flex-col items-start gap-4 border-b border-
|
|
56
|
-
|
|
54
|
+
className: c(
|
|
55
|
+
"relative flex flex-col items-start gap-4 border-b border-tertiary bg-primary px-4 md:flex-row",
|
|
56
|
+
s === "sm" ? "py-2 md:px-4" : s === "xs" ? "py-0 md:px-3" : "py-3 md:px-6",
|
|
57
57
|
e
|
|
58
58
|
),
|
|
59
59
|
children: [
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */ o(
|
|
63
|
-
|
|
60
|
+
/* @__PURE__ */ x("div", { className: "flex flex-1 flex-col gap-0.5", children: [
|
|
61
|
+
/* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
|
|
62
|
+
/* @__PURE__ */ o(
|
|
63
|
+
"h2",
|
|
64
|
+
{
|
|
65
|
+
className: c(
|
|
66
|
+
"font-semibold text-primary",
|
|
67
|
+
s === "sm" ? "text-md" : s === "xs" ? "text-sm" : "text-lg"
|
|
68
|
+
),
|
|
69
|
+
children: r
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
n ? A(n) ? n : /* @__PURE__ */ o(Y, { color: "brand", size: "sm", children: n }) : null
|
|
64
73
|
] }),
|
|
65
|
-
|
|
74
|
+
i && /* @__PURE__ */ o("p", { className: c("text-tertiary", s === "xs" ? "text-xs" : "text-sm"), children: i })
|
|
66
75
|
] }),
|
|
67
|
-
|
|
76
|
+
d
|
|
68
77
|
]
|
|
69
78
|
}
|
|
70
79
|
);
|
|
71
80
|
};
|
|
72
|
-
|
|
73
|
-
const j = ({ className:
|
|
74
|
-
const e =
|
|
75
|
-
|
|
76
|
-
const
|
|
77
|
-
return
|
|
81
|
+
_.displayName = "TableCardHeader";
|
|
82
|
+
const j = ({ className: r, size: n = "md", isEditable: i = !1, ...d }) => {
|
|
83
|
+
const e = g(b), [s, a] = T(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? s, p = (e == null ? void 0 : e.toggleRow) ?? ((l) => {
|
|
84
|
+
a((m) => {
|
|
85
|
+
const t = new Set(m);
|
|
86
|
+
return t.has(l) ? t.delete(l) : t.add(l), t;
|
|
78
87
|
});
|
|
79
88
|
});
|
|
80
89
|
return /* @__PURE__ */ o(
|
|
81
|
-
|
|
90
|
+
b.Provider,
|
|
82
91
|
{
|
|
83
92
|
value: {
|
|
84
|
-
size: (e == null ? void 0 : e.size) ??
|
|
93
|
+
size: (e == null ? void 0 : e.size) ?? n,
|
|
85
94
|
hasOverflow: e == null ? void 0 : e.hasOverflow,
|
|
86
95
|
expandedRows: f,
|
|
87
|
-
toggleRow:
|
|
96
|
+
toggleRow: p
|
|
88
97
|
},
|
|
89
|
-
children:
|
|
98
|
+
children: i ? /* @__PURE__ */ o(
|
|
90
99
|
"div",
|
|
91
100
|
{
|
|
92
|
-
onKeyDownCapture: (
|
|
101
|
+
onKeyDownCapture: (l) => {
|
|
93
102
|
if ((/* @__PURE__ */ new Set([
|
|
94
103
|
"ArrowLeft",
|
|
95
104
|
"ArrowRight",
|
|
@@ -101,219 +110,232 @@ const j = ({ className: s, size: l = "md", isEditable: n = !1, ...c }) => {
|
|
|
101
110
|
"PageDown",
|
|
102
111
|
" "
|
|
103
112
|
// space
|
|
104
|
-
])).has(
|
|
105
|
-
const
|
|
106
|
-
|
|
113
|
+
])).has(l.key)) {
|
|
114
|
+
const t = l.target;
|
|
115
|
+
t && (t.closest('[contenteditable]:not([contenteditable="false"])') || t.closest("input, textarea") || t.closest('[role="textbox"]')) && l.stopPropagation();
|
|
107
116
|
}
|
|
108
117
|
},
|
|
109
118
|
children: /* @__PURE__ */ o(
|
|
110
|
-
|
|
119
|
+
B,
|
|
111
120
|
{
|
|
112
|
-
className: (
|
|
113
|
-
|
|
121
|
+
className: (l) => c(
|
|
122
|
+
"w-full overflow-x-hidden",
|
|
123
|
+
n === "xs" && "px-3 py-0",
|
|
124
|
+
typeof r == "function" ? r(l) : r
|
|
125
|
+
),
|
|
126
|
+
...d
|
|
114
127
|
}
|
|
115
128
|
)
|
|
116
129
|
}
|
|
117
130
|
) : /* @__PURE__ */ o(
|
|
118
|
-
|
|
131
|
+
B,
|
|
119
132
|
{
|
|
120
|
-
className: (
|
|
121
|
-
|
|
133
|
+
className: (l) => c(
|
|
134
|
+
"w-full overflow-x-hidden",
|
|
135
|
+
n === "xs" && "px-3 py-0",
|
|
136
|
+
typeof r == "function" ? r(l) : r
|
|
137
|
+
),
|
|
138
|
+
...d
|
|
122
139
|
}
|
|
123
140
|
)
|
|
124
141
|
}
|
|
125
142
|
);
|
|
126
143
|
};
|
|
127
144
|
j.displayName = "Table";
|
|
128
|
-
const
|
|
129
|
-
columns:
|
|
130
|
-
children:
|
|
131
|
-
bordered:
|
|
132
|
-
hasExpandableRows:
|
|
145
|
+
const q = ({
|
|
146
|
+
columns: r,
|
|
147
|
+
children: n,
|
|
148
|
+
bordered: i = !1,
|
|
149
|
+
hasExpandableRows: d = !1,
|
|
133
150
|
className: e,
|
|
134
|
-
...
|
|
151
|
+
...s
|
|
135
152
|
}) => {
|
|
136
|
-
const { size:
|
|
137
|
-
return /* @__PURE__ */
|
|
153
|
+
const { size: a } = g(b), { selectionBehavior: f, selectionMode: p } = C();
|
|
154
|
+
return /* @__PURE__ */ x(
|
|
138
155
|
X,
|
|
139
156
|
{
|
|
140
|
-
...
|
|
141
|
-
className: (
|
|
157
|
+
...s,
|
|
158
|
+
className: (l) => c(
|
|
142
159
|
"sticky top-0 z-30 bg-secondary_subtle rounded-lg h-9",
|
|
143
160
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
144
|
-
|
|
145
|
-
typeof e == "function" ? e(
|
|
161
|
+
i && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
|
|
162
|
+
typeof e == "function" ? e(l) : e
|
|
146
163
|
),
|
|
147
164
|
children: [
|
|
148
|
-
|
|
149
|
-
f === "toggle" && /* @__PURE__ */ o(z, { className:
|
|
150
|
-
/* @__PURE__ */ o(
|
|
165
|
+
d && /* @__PURE__ */ o(z, { className: c("relative p-0", a === "sm" || a === "xs" ? "w-9" : "w-11") }),
|
|
166
|
+
f === "toggle" && /* @__PURE__ */ o(z, { className: c("relative p-0", a === "sm" || a === "xs" ? "w-9" : "w-11"), children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(D, { slot: "selection" }) }) }),
|
|
167
|
+
/* @__PURE__ */ o(P, { items: r, children: n })
|
|
151
168
|
]
|
|
152
169
|
}
|
|
153
170
|
);
|
|
154
171
|
};
|
|
155
|
-
|
|
156
|
-
const
|
|
157
|
-
className:
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
172
|
+
q.displayName = "TableHeader";
|
|
173
|
+
const K = ({
|
|
174
|
+
className: r,
|
|
175
|
+
tooltip: n,
|
|
176
|
+
label: i,
|
|
177
|
+
children: d,
|
|
178
|
+
sticky: e,
|
|
179
|
+
stickyOffset: s = 0,
|
|
162
180
|
headerCellClass: a,
|
|
163
|
-
|
|
181
|
+
tooltipHeader: f = !1,
|
|
182
|
+
...p
|
|
164
183
|
}) => {
|
|
165
|
-
const { selectionBehavior:
|
|
184
|
+
const { selectionBehavior: l } = C(), { size: m } = g(b);
|
|
166
185
|
return /* @__PURE__ */ o(
|
|
167
186
|
z,
|
|
168
187
|
{
|
|
169
|
-
...
|
|
188
|
+
...p,
|
|
170
189
|
style: (t) => {
|
|
171
|
-
const
|
|
190
|
+
const u = e ? {
|
|
172
191
|
position: "sticky",
|
|
173
|
-
[
|
|
192
|
+
[e]: s,
|
|
174
193
|
zIndex: 30
|
|
175
194
|
} : {};
|
|
176
|
-
return { ...typeof
|
|
195
|
+
return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...u };
|
|
177
196
|
},
|
|
178
|
-
className: (t) =>
|
|
197
|
+
className: (t) => c(
|
|
179
198
|
"relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
199
|
+
m === "xs" && "px-3 py-0",
|
|
200
|
+
m === "sm" && "px-4 py-2",
|
|
201
|
+
m === "md" && "px-6 py-2",
|
|
202
|
+
l === "toggle" && "nth-2:pl-3",
|
|
203
|
+
e && "bg-secondary",
|
|
184
204
|
t.allowsSorting && "cursor-pointer",
|
|
185
|
-
typeof
|
|
205
|
+
typeof r == "function" ? r(t) : r
|
|
186
206
|
),
|
|
187
|
-
children: (t) => /* @__PURE__ */
|
|
188
|
-
/* @__PURE__ */
|
|
189
|
-
|
|
190
|
-
typeof
|
|
207
|
+
children: (t) => /* @__PURE__ */ x(Q, { className: c("flex items-center gap-1", a), children: [
|
|
208
|
+
/* @__PURE__ */ x("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
209
|
+
i && /* @__PURE__ */ o("span", { className: "text-xs font-medium whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: i }),
|
|
210
|
+
typeof d == "function" ? d(t) : d
|
|
191
211
|
] }),
|
|
212
|
+
n && /* @__PURE__ */ o(w, { name: "HelpCircle", size: 16, className: "text-fg-quaternary" }),
|
|
192
213
|
t.allowsSorting && (t.sortDirection ? /* @__PURE__ */ o(
|
|
193
|
-
|
|
214
|
+
w,
|
|
194
215
|
{
|
|
195
216
|
name: "ArrowDown",
|
|
196
217
|
size: 12,
|
|
197
|
-
className:
|
|
198
|
-
"stroke-[3px] text-
|
|
218
|
+
className: c(
|
|
219
|
+
"stroke-[3px] text-fg-quaternary",
|
|
199
220
|
t.sortDirection === "ascending" && "rotate-180"
|
|
200
221
|
)
|
|
201
222
|
}
|
|
202
|
-
) : /* @__PURE__ */ o(
|
|
223
|
+
) : /* @__PURE__ */ o(w, { name: "ChevronSelectorVertical", size: 12, className: "text-fg-quaternary" }))
|
|
203
224
|
] })
|
|
204
225
|
}
|
|
205
226
|
);
|
|
206
227
|
};
|
|
207
|
-
|
|
208
|
-
const
|
|
209
|
-
columns:
|
|
210
|
-
children:
|
|
211
|
-
className:
|
|
212
|
-
highlightSelectedRow:
|
|
228
|
+
K.displayName = "TableHead";
|
|
229
|
+
const $ = ({
|
|
230
|
+
columns: r,
|
|
231
|
+
children: n,
|
|
232
|
+
className: i,
|
|
233
|
+
highlightSelectedRow: d = !0,
|
|
213
234
|
isExpandable: e = !1,
|
|
214
|
-
renderExpandedContent:
|
|
215
|
-
...
|
|
235
|
+
renderExpandedContent: s,
|
|
236
|
+
...a
|
|
216
237
|
}) => {
|
|
217
|
-
const { size: f, expandedRows:
|
|
238
|
+
const { size: f, expandedRows: p, toggleRow: l } = g(b), { selectionBehavior: m } = C(), t = typeof a.id == "string" ? a.id : String(a.id), u = p.has(t), R = e ? /* @__PURE__ */ o(
|
|
218
239
|
"button",
|
|
219
240
|
{
|
|
220
241
|
type: "button",
|
|
221
|
-
onClick: (
|
|
222
|
-
|
|
242
|
+
onClick: (y) => {
|
|
243
|
+
y.stopPropagation(), l(t);
|
|
223
244
|
},
|
|
224
|
-
className:
|
|
245
|
+
className: c(
|
|
225
246
|
"flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_subtle rounded p-1 flex-shrink-0 -ml-1 mr-2",
|
|
226
|
-
|
|
247
|
+
u && "rotate-90"
|
|
227
248
|
),
|
|
228
|
-
"aria-label":
|
|
229
|
-
children: /* @__PURE__ */ o(
|
|
249
|
+
"aria-label": u ? "Collapse row" : "Expand row",
|
|
250
|
+
children: /* @__PURE__ */ o(w, { name: "ChevronRight", size: 16, className: "text-secondary" })
|
|
230
251
|
}
|
|
231
|
-
) : null,
|
|
232
|
-
const
|
|
233
|
-
if (
|
|
234
|
-
const H =
|
|
252
|
+
) : null, N = e ? (() => {
|
|
253
|
+
const y = M.toArray(n);
|
|
254
|
+
if (y.length > 0 && A(y[0])) {
|
|
255
|
+
const H = y[0], k = H.props;
|
|
235
256
|
return [
|
|
236
257
|
I(H, {
|
|
237
|
-
...
|
|
238
|
-
children: /* @__PURE__ */
|
|
258
|
+
...k,
|
|
259
|
+
children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
|
|
239
260
|
R,
|
|
240
|
-
|
|
261
|
+
k.children
|
|
241
262
|
] })
|
|
242
263
|
}),
|
|
243
|
-
...
|
|
264
|
+
...y.slice(1)
|
|
244
265
|
];
|
|
245
266
|
}
|
|
246
|
-
return
|
|
247
|
-
})() :
|
|
248
|
-
return /* @__PURE__ */
|
|
249
|
-
/* @__PURE__ */
|
|
250
|
-
|
|
267
|
+
return n;
|
|
268
|
+
})() : n;
|
|
269
|
+
return /* @__PURE__ */ x(V, { children: [
|
|
270
|
+
/* @__PURE__ */ x(
|
|
271
|
+
O,
|
|
251
272
|
{
|
|
252
|
-
...
|
|
253
|
-
className: (
|
|
273
|
+
...a,
|
|
274
|
+
className: (y) => c(
|
|
254
275
|
"relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary_subtle focus-visible:outline-2 focus-visible:-outline-offset-2",
|
|
255
|
-
f === "sm" ? "h-12" : "h-18",
|
|
256
|
-
|
|
276
|
+
f === "xs" ? "h-10" : f === "sm" ? "h-12" : f === "md" ? "h-18" : "h-10",
|
|
277
|
+
d && "selected:bg-secondary",
|
|
257
278
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
258
|
-
!
|
|
259
|
-
typeof
|
|
279
|
+
!u && "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-tertiary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0",
|
|
280
|
+
typeof i == "function" ? i(y) : i
|
|
260
281
|
),
|
|
261
282
|
children: [
|
|
262
|
-
|
|
263
|
-
/* @__PURE__ */ o(
|
|
283
|
+
m === "toggle" && /* @__PURE__ */ o(S, { className: c("relative p-0", f === "sm" || f === "xs" ? "w-9" : "w-11"), children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(D, { className: "hidden", slot: "selection" }) }) }),
|
|
284
|
+
/* @__PURE__ */ o(P, { items: r, children: N })
|
|
264
285
|
]
|
|
265
286
|
}
|
|
266
287
|
),
|
|
267
|
-
e &&
|
|
268
|
-
|
|
288
|
+
e && u && s && /* @__PURE__ */ o(O, { id: `${t}-expanded`, className: "relative bg-secondary_subtle", children: /* @__PURE__ */ o(
|
|
289
|
+
S,
|
|
269
290
|
{
|
|
270
291
|
className: "p-0",
|
|
271
|
-
colSpan: (
|
|
272
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
292
|
+
colSpan: (r == null ? void 0 : r.length) || 0,
|
|
293
|
+
children: /* @__PURE__ */ o("div", { className: c("w-full"), children: s(a.value) })
|
|
273
294
|
}
|
|
274
295
|
) })
|
|
275
296
|
] });
|
|
276
297
|
};
|
|
277
|
-
|
|
278
|
-
const
|
|
279
|
-
const { size:
|
|
298
|
+
$.displayName = "TableRow";
|
|
299
|
+
const U = ({ className: r, children: n, sticky: i, stickyOffset: d = 0, ...e }) => {
|
|
300
|
+
const { size: s } = g(b), { selectionBehavior: a } = C();
|
|
280
301
|
return /* @__PURE__ */ o(
|
|
281
|
-
|
|
302
|
+
S,
|
|
282
303
|
{
|
|
283
304
|
...e,
|
|
284
305
|
style: (f) => {
|
|
285
|
-
const
|
|
306
|
+
const p = i ? {
|
|
286
307
|
position: "sticky",
|
|
287
|
-
[
|
|
288
|
-
zIndex: 20
|
|
308
|
+
[i]: d,
|
|
309
|
+
zIndex: 20,
|
|
310
|
+
backgroundColor: "white",
|
|
311
|
+
boxShadow: i === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
|
|
289
312
|
} : {};
|
|
290
|
-
return { ...typeof e.style == "function" ? e.style(f) : e.style || {}, ...
|
|
313
|
+
return { ...typeof e.style == "function" ? e.style(f) : e.style || {}, ...p };
|
|
291
314
|
},
|
|
292
|
-
className: (f) =>
|
|
293
|
-
"relative text-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
typeof s == "function" ? s(f) : s
|
|
315
|
+
className: (f) => c(
|
|
316
|
+
"relative text-secondary outline-focus-ring focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2",
|
|
317
|
+
s === "xs" && "p-0 px-3 py-0 text-xs",
|
|
318
|
+
s === "sm" && "p-0 px-4 py-2 text-sm",
|
|
319
|
+
s === "md" && "p-0 px-6 py-2 text-base",
|
|
320
|
+
a === "toggle" && "nth-2:pl-3",
|
|
321
|
+
typeof r == "function" ? r(f) : r
|
|
300
322
|
),
|
|
301
|
-
children:
|
|
323
|
+
children: n
|
|
302
324
|
}
|
|
303
325
|
);
|
|
304
326
|
};
|
|
305
|
-
|
|
327
|
+
U.displayName = "TableCell";
|
|
306
328
|
const le = {
|
|
307
|
-
Root:
|
|
308
|
-
Header:
|
|
309
|
-
},
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
329
|
+
Root: E,
|
|
330
|
+
Header: _
|
|
331
|
+
}, v = j;
|
|
332
|
+
v.Body = J;
|
|
333
|
+
v.Cell = U;
|
|
334
|
+
v.Head = K;
|
|
335
|
+
v.Header = q;
|
|
336
|
+
v.Row = $;
|
|
315
337
|
export {
|
|
316
|
-
|
|
338
|
+
v as Table,
|
|
317
339
|
le as TableCard,
|
|
318
|
-
|
|
340
|
+
U as TableCell
|
|
319
341
|
};
|
|
@@ -6,7 +6,7 @@ export declare const badgeTypes: {
|
|
|
6
6
|
};
|
|
7
7
|
export type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];
|
|
8
8
|
export type BadgeColors = "clear" | "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
|
|
9
|
-
export type Sizes = "
|
|
9
|
+
export type Sizes = "sm" | "md" | "lg";
|
|
10
10
|
export type FlagTypes = string;
|
|
11
11
|
export type IconComponentType = ComponentType<SVGProps<SVGSVGElement>>;
|
|
12
12
|
export type BadgeTypeToColorMap<T extends Record<string, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GACjB,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GACjB,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,CAAC,IAAI;KAC5F,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;CACvC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIvH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAkElG,CAAC;AAMF,QAAA,MAAM,aAAa;;;;kBAxEoC,MAAM;mBAAS,MAAM;yBAAe,MAAM;;;;;;kBAA1C,MAAM;mBAAS,MAAM;yBAAe,MAAM;;;;;;kBAA1C,MAAM;mBAAS,MAAM;yBAAe,MAAM;;;CAqFhG,CAAC;AAEF,QAAA,MAAM,cAAc;;;;kBAvFmC,MAAM;mBAAS,MAAM;yBAAe,MAAM;;;;;;kBAA1C,MAAM;mBAAS,MAAM;yBAAe,MAAM;;;;;;kBAsEhE,MAAM;mBAAS,MAAM;;;CA8BrD,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,UAAU,IAAI,mBAAmB,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5F,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,UAAU;IAC5C,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,UAAU,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"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"}
|