ml-uikit 1.0.6 → 1.0.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/components/button.d.ts +2 -11
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/ui/badge.d.ts +14 -3
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/button-group.d.ts +1 -0
- package/dist/components/ui/button-group.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts +2 -2
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/chart.d.ts +1 -1
- package/dist/components/ui/command.d.ts +7 -7
- package/dist/components/ui/empty.d.ts +1 -0
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/input-group.d.ts +2 -2
- package/dist/components/ui/input-otp.d.ts +2 -2
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/item.d.ts +1 -1
- package/dist/components/ui/kbd.d.ts +1 -0
- package/dist/components/ui/kbd.d.ts.map +1 -1
- package/dist/components/ui/sheet.d.ts +1 -1
- package/dist/components/ui/sidebar.d.ts +2 -2
- package/dist/components/ui/skeleton.d.ts +1 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -1
- package/dist/components/ui/table.d.ts +24 -2
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/toggle-group.d.ts +2 -2
- package/dist/components/ui/toggle.d.ts +2 -2
- package/dist/components/ui/typography.d.ts +171 -0
- package/dist/components/ui/typography.d.ts.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs10.js.map +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs11.js.map +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs23.js.map +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs27.js.map +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs30.js +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs31.js.map +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs33.js.map +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs34.js.map +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs35.js.map +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs36.js.map +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs37.js.map +1 -1
- package/dist/index.cjs38.js +1 -1
- package/dist/index.cjs38.js.map +1 -1
- package/dist/index.cjs39.js +1 -1
- package/dist/index.cjs39.js.map +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs40.js.map +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs41.js.map +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs42.js.map +1 -1
- package/dist/index.cjs43.js +1 -1
- package/dist/index.cjs43.js.map +1 -1
- package/dist/index.cjs44.js +1 -1
- package/dist/index.cjs44.js.map +1 -1
- package/dist/index.cjs45.js +1 -1
- package/dist/index.cjs45.js.map +1 -1
- package/dist/index.cjs46.js +1 -1
- package/dist/index.cjs46.js.map +1 -1
- package/dist/index.cjs47.js +1 -1
- package/dist/index.cjs47.js.map +1 -1
- package/dist/index.cjs48.js +1 -1
- package/dist/index.cjs48.js.map +1 -1
- package/dist/index.cjs49.js +1 -1
- package/dist/index.cjs49.js.map +1 -1
- package/dist/index.cjs50.js +1 -1
- package/dist/index.cjs50.js.map +1 -1
- package/dist/index.cjs51.js +1 -1
- package/dist/index.cjs51.js.map +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs52.js.map +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs53.js.map +1 -1
- package/dist/index.cjs54.js +1 -1
- package/dist/index.cjs54.js.map +1 -1
- package/dist/index.cjs55.js +1 -1
- package/dist/index.cjs55.js.map +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs8.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +154 -151
- package/dist/index.es.js.map +1 -1
- package/dist/index.es10.js +31 -24
- package/dist/index.es10.js.map +1 -1
- package/dist/index.es11.js +22 -21
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es2.js +1 -1
- package/dist/index.es23.js +24 -23
- package/dist/index.es23.js.map +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es27.js +13 -9
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +1 -1
- package/dist/index.es30.js +1 -1
- package/dist/index.es31.js +8 -7
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es33.js +91 -189
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +165 -71
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +85 -84
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +92 -17
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +19 -21
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +16 -21
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +16 -21
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es40.js +25 -104
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +111 -20
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +19 -97
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +77 -509
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +526 -9
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es45.js +15 -18
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +18 -22
- package/dist/index.es46.js.map +1 -1
- package/dist/index.es47.js +19 -12
- package/dist/index.es47.js.map +1 -1
- package/dist/index.es48.js +13 -22
- package/dist/index.es48.js.map +1 -1
- package/dist/index.es49.js +17 -80
- package/dist/index.es49.js.map +1 -1
- package/dist/index.es50.js +186 -28
- package/dist/index.es50.js.map +1 -1
- package/dist/index.es51.js +38 -10
- package/dist/index.es51.js.map +1 -1
- package/dist/index.es52.js +13 -29
- package/dist/index.es52.js.map +1 -1
- package/dist/index.es53.js +30 -34
- package/dist/index.es53.js.map +1 -1
- package/dist/index.es54.js +37 -19
- package/dist/index.es54.js.map +1 -1
- package/dist/index.es55.js +18 -41
- package/dist/index.es55.js.map +1 -1
- package/dist/index.es8.js +71 -20
- package/dist/index.es8.js.map +1 -1
- package/dist/style.css +421 -34
- package/package.json +17 -3
package/dist/index.es50.js
CHANGED
|
@@ -1,46 +1,204 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
5
|
-
e.
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { ChevronDown as i } from "lucide-react";
|
|
3
|
+
import { cn as r } from "./index.es56.js";
|
|
4
|
+
const m = e.forwardRef(
|
|
5
|
+
({ className: o, pagination: t, maxHeight: a, scrollContainerClassName: l, stickyHeader: n, ...d }, s) => /* @__PURE__ */ e.createElement("div", { className: "relative w-full overflow-hidden rounded-[8px] border border-[#e6e6e6] bg-white" }, /* @__PURE__ */ e.createElement(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
className: r("ml-table-scroll w-full overflow-auto", l),
|
|
9
|
+
style: a ? { maxHeight: typeof a == "number" ? `${a}px` : a } : void 0
|
|
10
|
+
},
|
|
11
|
+
/* @__PURE__ */ e.createElement(
|
|
12
|
+
"table",
|
|
13
|
+
{
|
|
14
|
+
ref: s,
|
|
15
|
+
className: r(
|
|
16
|
+
"w-full caption-bottom text-[14px] leading-[20px]",
|
|
17
|
+
n ? "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[#fafafa]" : void 0,
|
|
18
|
+
o
|
|
19
|
+
),
|
|
20
|
+
...d
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
), t ? /* @__PURE__ */ e.createElement("div", { className: "w-full" }, t) : null)
|
|
24
|
+
);
|
|
25
|
+
m.displayName = "Table";
|
|
26
|
+
const f = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
27
|
+
"thead",
|
|
6
28
|
{
|
|
7
29
|
ref: a,
|
|
8
|
-
className:
|
|
9
|
-
|
|
10
|
-
|
|
30
|
+
className: r("bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]", o),
|
|
31
|
+
...t
|
|
32
|
+
}
|
|
33
|
+
));
|
|
34
|
+
f.displayName = "TableHeader";
|
|
35
|
+
const c = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
36
|
+
"tbody",
|
|
37
|
+
{
|
|
38
|
+
ref: a,
|
|
39
|
+
className: r("[&_tr:last-child]:border-0", o),
|
|
40
|
+
...t
|
|
41
|
+
}
|
|
42
|
+
));
|
|
43
|
+
c.displayName = "TableBody";
|
|
44
|
+
const b = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
45
|
+
"tfoot",
|
|
46
|
+
{
|
|
47
|
+
ref: a,
|
|
48
|
+
className: r(
|
|
49
|
+
"border-t border-[#e6e6e6] bg-[#fafafa] font-medium [&>tr]:last:border-b-0",
|
|
50
|
+
o
|
|
51
|
+
),
|
|
52
|
+
...t
|
|
53
|
+
}
|
|
54
|
+
));
|
|
55
|
+
b.displayName = "TableFooter";
|
|
56
|
+
const p = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
57
|
+
"tr",
|
|
58
|
+
{
|
|
59
|
+
ref: a,
|
|
60
|
+
className: r(
|
|
61
|
+
"border-b border-[#e6e6e6]",
|
|
62
|
+
o
|
|
63
|
+
),
|
|
64
|
+
...t
|
|
65
|
+
}
|
|
66
|
+
));
|
|
67
|
+
p.displayName = "TableRow";
|
|
68
|
+
const x = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
69
|
+
"th",
|
|
70
|
+
{
|
|
71
|
+
ref: a,
|
|
72
|
+
className: r(
|
|
73
|
+
"h-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground",
|
|
74
|
+
o
|
|
11
75
|
),
|
|
12
|
-
...
|
|
76
|
+
...t
|
|
13
77
|
}
|
|
14
78
|
));
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
|
|
79
|
+
x.displayName = "TableHead";
|
|
80
|
+
const g = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
81
|
+
"td",
|
|
18
82
|
{
|
|
19
83
|
ref: a,
|
|
20
|
-
className:
|
|
21
|
-
"
|
|
22
|
-
|
|
84
|
+
className: r(
|
|
85
|
+
"h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground",
|
|
86
|
+
o
|
|
23
87
|
),
|
|
24
|
-
...
|
|
88
|
+
...t
|
|
25
89
|
}
|
|
26
90
|
));
|
|
27
|
-
|
|
28
|
-
const
|
|
29
|
-
|
|
91
|
+
g.displayName = "TableCell";
|
|
92
|
+
const u = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
93
|
+
"caption",
|
|
30
94
|
{
|
|
31
95
|
ref: a,
|
|
32
|
-
className:
|
|
33
|
-
|
|
34
|
-
|
|
96
|
+
className: r("mt-4 text-sm text-muted-foreground", o),
|
|
97
|
+
...t
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
u.displayName = "TableCaption";
|
|
101
|
+
const w = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
102
|
+
"div",
|
|
103
|
+
{
|
|
104
|
+
ref: a,
|
|
105
|
+
className: r(
|
|
106
|
+
"flex w-full items-center justify-between border-t border-[#e6e6e6] bg-white p-4",
|
|
107
|
+
o
|
|
108
|
+
),
|
|
109
|
+
...t
|
|
110
|
+
}
|
|
111
|
+
));
|
|
112
|
+
w.displayName = "TablePagination";
|
|
113
|
+
const N = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
ref: a,
|
|
117
|
+
className: r("flex items-center gap-3", o),
|
|
118
|
+
...t
|
|
119
|
+
}
|
|
120
|
+
));
|
|
121
|
+
N.displayName = "TablePaginationContent";
|
|
122
|
+
const T = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
123
|
+
"div",
|
|
124
|
+
{
|
|
125
|
+
ref: a,
|
|
126
|
+
className: r("flex items-center gap-2", o),
|
|
127
|
+
...t
|
|
128
|
+
}
|
|
129
|
+
));
|
|
130
|
+
T.displayName = "TablePaginationPages";
|
|
131
|
+
const y = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
|
|
132
|
+
"button",
|
|
133
|
+
{
|
|
134
|
+
ref: a,
|
|
135
|
+
type: "button",
|
|
136
|
+
className: r(
|
|
137
|
+
"flex h-7 w-7 items-center justify-center rounded-[8px] text-[#7f7d83] hover:text-foreground",
|
|
138
|
+
o
|
|
139
|
+
),
|
|
140
|
+
...t
|
|
141
|
+
}
|
|
142
|
+
));
|
|
143
|
+
y.displayName = "TablePaginationButton";
|
|
144
|
+
const E = e.forwardRef(({ className: o, isActive: t, ...a }, l) => /* @__PURE__ */ e.createElement(
|
|
145
|
+
"button",
|
|
146
|
+
{
|
|
147
|
+
ref: l,
|
|
148
|
+
type: "button",
|
|
149
|
+
"aria-current": t ? "page" : void 0,
|
|
150
|
+
className: r(
|
|
151
|
+
"flex h-8 w-8 items-center justify-center rounded-[8px] text-[12px] leading-[16px]",
|
|
152
|
+
t ? "border border-[#e6e6e6] bg-white text-foreground" : "text-[#7f7d83]",
|
|
153
|
+
o
|
|
35
154
|
),
|
|
36
|
-
...
|
|
155
|
+
...a
|
|
37
156
|
}
|
|
38
157
|
));
|
|
39
|
-
|
|
158
|
+
E.displayName = "TablePaginationPage";
|
|
159
|
+
const h = e.forwardRef(
|
|
160
|
+
({
|
|
161
|
+
className: o,
|
|
162
|
+
label: t = "Go to page:",
|
|
163
|
+
pageLabel: a = "-",
|
|
164
|
+
placeholder: l = "-",
|
|
165
|
+
icon: n,
|
|
166
|
+
...d
|
|
167
|
+
}, s) => /* @__PURE__ */ e.createElement(
|
|
168
|
+
"div",
|
|
169
|
+
{
|
|
170
|
+
ref: s,
|
|
171
|
+
className: r("flex items-center gap-[13px]", o),
|
|
172
|
+
...d
|
|
173
|
+
},
|
|
174
|
+
/* @__PURE__ */ e.createElement("span", { className: "text-[14px] font-normal leading-[20px] text-foreground" }, t),
|
|
175
|
+
/* @__PURE__ */ e.createElement(
|
|
176
|
+
"button",
|
|
177
|
+
{
|
|
178
|
+
type: "button",
|
|
179
|
+
"aria-haspopup": "listbox",
|
|
180
|
+
className: "flex h-8 min-w-[72px] items-center justify-between gap-2 rounded-[8px] border border-[#e6e6e6] bg-white px-3 text-[12px] leading-[16px] text-foreground shadow-sm"
|
|
181
|
+
},
|
|
182
|
+
/* @__PURE__ */ e.createElement("span", { className: a === l ? "text-[#7f7d83]" : void 0 }, a === l ? l : a),
|
|
183
|
+
n || /* @__PURE__ */ e.createElement(i, { className: "h-4 w-4 text-[#7f7d83]" })
|
|
184
|
+
)
|
|
185
|
+
)
|
|
186
|
+
);
|
|
187
|
+
h.displayName = "TablePaginationGoTo";
|
|
40
188
|
export {
|
|
41
|
-
|
|
42
|
-
c as
|
|
43
|
-
|
|
44
|
-
|
|
189
|
+
m as Table,
|
|
190
|
+
c as TableBody,
|
|
191
|
+
u as TableCaption,
|
|
192
|
+
g as TableCell,
|
|
193
|
+
b as TableFooter,
|
|
194
|
+
x as TableHead,
|
|
195
|
+
f as TableHeader,
|
|
196
|
+
w as TablePagination,
|
|
197
|
+
y as TablePaginationButton,
|
|
198
|
+
N as TablePaginationContent,
|
|
199
|
+
h as TablePaginationGoTo,
|
|
200
|
+
E as TablePaginationPage,
|
|
201
|
+
T as TablePaginationPages,
|
|
202
|
+
p as TableRow
|
|
45
203
|
};
|
|
46
204
|
//# sourceMappingURL=index.es50.js.map
|
package/dist/index.es50.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es50.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAEhD,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
|
|
1
|
+
{"version":3,"file":"index.es50.js","sources":["../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TableProps = React.HTMLAttributes<HTMLTableElement> & {\n pagination?: React.ReactNode\n maxHeight?: number | string\n scrollContainerClassName?: string\n stickyHeader?: boolean\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n (\n { className, pagination, maxHeight, scrollContainerClassName, stickyHeader, ...props },\n ref\n ) => (\n <div className=\"relative w-full overflow-hidden rounded-[8px] border border-[#e6e6e6] bg-white\">\n <div\n className={cn(\"ml-table-scroll w-full overflow-auto\", scrollContainerClassName)}\n style={\n maxHeight\n ? { maxHeight: typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight }\n : undefined\n }\n >\n <table\n ref={ref}\n className={cn(\n \"w-full caption-bottom text-[14px] leading-[20px]\",\n stickyHeader\n ? \"[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[#fafafa]\"\n : undefined,\n className\n )}\n {...props}\n />\n </div>\n {pagination ? <div className=\"w-full\">{pagination}</div> : null}\n </div>\n )\n)\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn(\"bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]\", className)}\n {...props}\n />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"border-t border-[#e6e6e6] bg-[#fafafa] font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"border-b border-[#e6e6e6]\",\n className\n )}\n {...props}\n />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"h-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground\",\n className\n )}\n {...props}\n />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground\",\n className\n )}\n {...props}\n />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nTableCaption.displayName = \"TableCaption\"\n\nconst TablePagination = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"flex w-full items-center justify-between border-t border-[#e6e6e6] bg-white p-4\",\n className\n )}\n {...props}\n />\n))\nTablePagination.displayName = \"TablePagination\"\n\nconst TablePaginationContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center gap-3\", className)}\n {...props}\n />\n))\nTablePaginationContent.displayName = \"TablePaginationContent\"\n\nconst TablePaginationPages = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center gap-2\", className)}\n {...props}\n />\n))\nTablePaginationPages.displayName = \"TablePaginationPages\"\n\nconst TablePaginationButton = React.forwardRef<\n HTMLButtonElement,\n React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, ...props }, ref) => (\n <button\n ref={ref}\n type=\"button\"\n className={cn(\n \"flex h-7 w-7 items-center justify-center rounded-[8px] text-[#7f7d83] hover:text-foreground\",\n className\n )}\n {...props}\n />\n))\nTablePaginationButton.displayName = \"TablePaginationButton\"\n\ntype TablePaginationPageProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n isActive?: boolean\n}\n\nconst TablePaginationPage = React.forwardRef<\n HTMLButtonElement,\n TablePaginationPageProps\n>(({ className, isActive, ...props }, ref) => (\n <button\n ref={ref}\n type=\"button\"\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n \"flex h-8 w-8 items-center justify-center rounded-[8px] text-[12px] leading-[16px]\",\n isActive\n ? \"border border-[#e6e6e6] bg-white text-foreground\"\n : \"text-[#7f7d83]\",\n className\n )}\n {...props}\n />\n))\nTablePaginationPage.displayName = \"TablePaginationPage\"\n\ntype TablePaginationGoToProps = React.HTMLAttributes<HTMLDivElement> & {\n label?: string\n pageLabel?: string\n placeholder?: string\n icon?: React.ReactNode\n}\n\nconst TablePaginationGoTo = React.forwardRef<\n HTMLDivElement,\n TablePaginationGoToProps\n>(\n (\n {\n className,\n label = \"Go to page:\",\n pageLabel = \"-\",\n placeholder = \"-\",\n icon,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\"flex items-center gap-[13px]\", className)}\n {...props}\n >\n <span className=\"text-[14px] font-normal leading-[20px] text-foreground\">\n {label}\n </span>\n <button\n type=\"button\"\n aria-haspopup=\"listbox\"\n className=\"flex h-8 min-w-[72px] items-center justify-between gap-2 rounded-[8px] border border-[#e6e6e6] bg-white px-3 text-[12px] leading-[16px] text-foreground shadow-sm\"\n >\n <span className={pageLabel === placeholder ? \"text-[#7f7d83]\" : undefined}>\n {pageLabel === placeholder ? placeholder : pageLabel}\n </span>\n {icon || <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />}\n </button>\n </div>\n )\n)\nTablePaginationGoTo.displayName = \"TablePaginationGoTo\"\n\nconst TablePaginationIcon = ({\n className,\n direction,\n}: {\n className?: string\n direction: \"left\" | \"right\"\n}) =>\n direction === \"left\" ? (\n <ChevronLeft className={cn(\"h-4 w-4\", className)} />\n ) : (\n <ChevronRight className={cn(\"h-4 w-4\", className)} />\n )\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n TablePagination,\n TablePaginationContent,\n TablePaginationPages,\n TablePaginationButton,\n TablePaginationPage,\n TablePaginationGoTo,\n TablePaginationIcon,\n}\n"],"names":["Table","React","className","pagination","maxHeight","scrollContainerClassName","stickyHeader","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","TablePagination","TablePaginationContent","TablePaginationPages","TablePaginationButton","TablePaginationPage","isActive","TablePaginationGoTo","label","pageLabel","placeholder","icon","ChevronDown"],"mappings":"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"}
|
package/dist/index.es51.js
CHANGED
|
@@ -1,18 +1,46 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import * as e from "@radix-ui/react-tabs";
|
|
3
|
+
import { cn as n } from "./index.es56.js";
|
|
4
|
+
const l = e.Root, o = t.forwardRef(({ className: i, ...s }, a) => /* @__PURE__ */ t.createElement(
|
|
5
|
+
e.List,
|
|
5
6
|
{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
ref: a,
|
|
8
|
+
className: n(
|
|
9
|
+
"inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
|
|
10
|
+
i
|
|
11
|
+
),
|
|
12
|
+
...s
|
|
13
|
+
}
|
|
14
|
+
));
|
|
15
|
+
o.displayName = e.List.displayName;
|
|
16
|
+
const r = t.forwardRef(({ className: i, ...s }, a) => /* @__PURE__ */ t.createElement(
|
|
17
|
+
e.Trigger,
|
|
18
|
+
{
|
|
19
|
+
ref: a,
|
|
20
|
+
className: n(
|
|
21
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
|
|
22
|
+
i
|
|
9
23
|
),
|
|
24
|
+
...s
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
r.displayName = e.Trigger.displayName;
|
|
28
|
+
const c = t.forwardRef(({ className: i, ...s }, a) => /* @__PURE__ */ t.createElement(
|
|
29
|
+
e.Content,
|
|
30
|
+
{
|
|
10
31
|
ref: a,
|
|
11
|
-
|
|
32
|
+
className: n(
|
|
33
|
+
"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
34
|
+
i
|
|
35
|
+
),
|
|
36
|
+
...s
|
|
12
37
|
}
|
|
13
38
|
));
|
|
14
|
-
|
|
39
|
+
c.displayName = e.Content.displayName;
|
|
15
40
|
export {
|
|
16
|
-
|
|
41
|
+
l as Tabs,
|
|
42
|
+
c as TabsContent,
|
|
43
|
+
o as TabsList,
|
|
44
|
+
r as TabsTrigger
|
|
17
45
|
};
|
|
18
46
|
//# sourceMappingURL=index.es51.js.map
|
package/dist/index.es51.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es51.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.es51.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAEhD,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
|
package/dist/index.es52.js
CHANGED
|
@@ -1,37 +1,21 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const m = s(
|
|
6
|
-
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
7
|
-
{
|
|
8
|
-
variants: {
|
|
9
|
-
variant: {
|
|
10
|
-
default: "bg-transparent",
|
|
11
|
-
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
12
|
-
},
|
|
13
|
-
size: {
|
|
14
|
-
default: "h-9 px-2 min-w-9",
|
|
15
|
-
sm: "h-8 px-1.5 min-w-8",
|
|
16
|
-
lg: "h-10 px-2.5 min-w-10"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
defaultVariants: {
|
|
20
|
-
variant: "default",
|
|
21
|
-
size: "default"
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
), l = e.forwardRef(({ className: n, variant: o, size: a, ...r }, i) => /* @__PURE__ */ e.createElement(
|
|
25
|
-
t.Root,
|
|
2
|
+
import { cn as o } from "./index.es56.js";
|
|
3
|
+
const t = e.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e.createElement(
|
|
4
|
+
"textarea",
|
|
26
5
|
{
|
|
6
|
+
className: o(
|
|
7
|
+
"flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-foreground transition-colors",
|
|
8
|
+
"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] focus-visible:ring-0",
|
|
9
|
+
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100",
|
|
10
|
+
"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
|
|
11
|
+
r
|
|
12
|
+
),
|
|
27
13
|
ref: i,
|
|
28
|
-
|
|
29
|
-
...r
|
|
14
|
+
...a
|
|
30
15
|
}
|
|
31
16
|
));
|
|
32
|
-
|
|
17
|
+
t.displayName = "Textarea";
|
|
33
18
|
export {
|
|
34
|
-
|
|
35
|
-
m as toggleVariants
|
|
19
|
+
t as Textarea
|
|
36
20
|
};
|
|
37
21
|
//# sourceMappingURL=index.es52.js.map
|
package/dist/index.es52.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-foreground transition-colors\",\n \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] focus-visible:ring-0\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;AAIA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}
|
package/dist/index.es53.js
CHANGED
|
@@ -1,41 +1,37 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
import * as t from "@radix-ui/react-toggle
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
size:
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
import * as t from "@radix-ui/react-toggle";
|
|
3
|
+
import { cva as s } from "class-variance-authority";
|
|
4
|
+
import { cn as d } from "./index.es56.js";
|
|
5
|
+
const m = s(
|
|
6
|
+
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "bg-transparent",
|
|
11
|
+
outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
default: "h-9 px-2 min-w-9",
|
|
15
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
16
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: {
|
|
20
|
+
variant: "default",
|
|
21
|
+
size: "default"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
), l = e.forwardRef(({ className: n, variant: o, size: a, ...r }, i) => /* @__PURE__ */ e.createElement(
|
|
9
25
|
t.Root,
|
|
10
26
|
{
|
|
11
|
-
ref:
|
|
12
|
-
className:
|
|
13
|
-
...
|
|
14
|
-
}
|
|
15
|
-
/* @__PURE__ */ e.createElement(c.Provider, { value: { variant: o, size: r } }, m)
|
|
27
|
+
ref: i,
|
|
28
|
+
className: d(m({ variant: o, size: a, className: n })),
|
|
29
|
+
...r
|
|
30
|
+
}
|
|
16
31
|
));
|
|
17
|
-
|
|
18
|
-
const g = e.forwardRef(({ className: a, children: o, variant: r, size: m, ...i }, s) => {
|
|
19
|
-
const n = e.useContext(c);
|
|
20
|
-
return /* @__PURE__ */ e.createElement(
|
|
21
|
-
t.Item,
|
|
22
|
-
{
|
|
23
|
-
ref: s,
|
|
24
|
-
className: l(
|
|
25
|
-
p({
|
|
26
|
-
variant: n.variant || r,
|
|
27
|
-
size: n.size || m
|
|
28
|
-
}),
|
|
29
|
-
a
|
|
30
|
-
),
|
|
31
|
-
...i
|
|
32
|
-
},
|
|
33
|
-
o
|
|
34
|
-
);
|
|
35
|
-
});
|
|
36
|
-
g.displayName = t.Item.displayName;
|
|
32
|
+
l.displayName = t.Root.displayName;
|
|
37
33
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
34
|
+
l as Toggle,
|
|
35
|
+
m as toggleVariants
|
|
40
36
|
};
|
|
41
37
|
//# sourceMappingURL=index.es53.js.map
|
package/dist/index.es53.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es53.js","sources":["../src/components/ui/toggle
|
|
1
|
+
{"version":3,"file":"index.es53.js","sources":["../src/components/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGV,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcO,EAAgB,KAAK;"}
|
package/dist/index.es54.js
CHANGED
|
@@ -1,23 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as t from "@radix-ui/react-
|
|
3
|
-
import { cn as
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import * as t from "@radix-ui/react-toggle-group";
|
|
3
|
+
import { cn as l } from "./index.es56.js";
|
|
4
|
+
import { toggleVariants as p } from "./index.es53.js";
|
|
5
|
+
const c = e.createContext({
|
|
6
|
+
size: "default",
|
|
7
|
+
variant: "default"
|
|
8
|
+
}), f = e.forwardRef(({ className: a, variant: o, size: r, children: m, ...i }, s) => /* @__PURE__ */ e.createElement(
|
|
9
|
+
t.Root,
|
|
6
10
|
{
|
|
7
|
-
ref:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
)
|
|
16
|
-
|
|
11
|
+
ref: s,
|
|
12
|
+
className: l("flex items-center justify-center gap-1", a),
|
|
13
|
+
...i
|
|
14
|
+
},
|
|
15
|
+
/* @__PURE__ */ e.createElement(c.Provider, { value: { variant: o, size: r } }, m)
|
|
16
|
+
));
|
|
17
|
+
f.displayName = t.Root.displayName;
|
|
18
|
+
const g = e.forwardRef(({ className: a, children: o, variant: r, size: m, ...i }, s) => {
|
|
19
|
+
const n = e.useContext(c);
|
|
20
|
+
return /* @__PURE__ */ e.createElement(
|
|
21
|
+
t.Item,
|
|
22
|
+
{
|
|
23
|
+
ref: s,
|
|
24
|
+
className: l(
|
|
25
|
+
p({
|
|
26
|
+
variant: n.variant || r,
|
|
27
|
+
size: n.size || m
|
|
28
|
+
}),
|
|
29
|
+
a
|
|
30
|
+
),
|
|
31
|
+
...i
|
|
32
|
+
},
|
|
33
|
+
o
|
|
34
|
+
);
|
|
35
|
+
});
|
|
36
|
+
g.displayName = t.Item.displayName;
|
|
17
37
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
s as TooltipProvider,
|
|
21
|
-
p as TooltipTrigger
|
|
38
|
+
f as ToggleGroup,
|
|
39
|
+
g as ToggleGroupItem
|
|
22
40
|
};
|
|
23
41
|
//# sourceMappingURL=index.es54.js.map
|
package/dist/index.es54.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es54.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.es54.js","sources":["../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n size: \"default\",\n variant: \"default\",\n})\n\nconst ToggleGroup = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n <ToggleGroupPrimitive.Root\n ref={ref}\n className={cn(\"flex items-center justify-center gap-1\", className)}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n ref={ref}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;AASA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AACX,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACnD,gBAAAP,EAAA;AAAA,EAACQ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0CAA0CP,CAAS;AAAA,IAChE,GAAGI;AAAA,EAAA;AAAA,EAEJ,gBAAAN,EAAA,cAACD,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,EAAA,EAAK,GACjDC,CACH;AACF,CACD;AAEDJ,EAAY,cAAcO,EAAqB,KAAK;AAEpD,MAAME,IAAkBV,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAA,GAASC,MAAQ;AAC3D,QAAMI,IAAUX,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAC,EAAA;AAAA,IAACQ,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWR;AAAA,UAC5B,MAAMQ,EAAQ,QAAQP;AAAA,QAAA,CACvB;AAAA,QACDF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,IAEHD;AAAA,EAAA;AAGP,CAAC;AAEDK,EAAgB,cAAcF,EAAqB,KAAK;"}
|