@k3-universe/react-kit 0.0.31 → 0.0.32
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.js +4 -4
- package/dist/kit/components/login/Login.d.ts.map +1 -1
- package/dist/kit/themes/clean-slate.css +0 -16
- package/dist/kit/themes/default.css +0 -16
- package/dist/kit/themes/minimal-modern.css +0 -16
- package/dist/kit/themes/spotify.css +0 -16
- package/package.json +1 -1
- package/src/kit/components/login/Login.tsx +4 -6
package/dist/index.js
CHANGED
|
@@ -45719,12 +45719,12 @@ function Login({
|
|
|
45719
45719
|
"div",
|
|
45720
45720
|
{
|
|
45721
45721
|
className: [
|
|
45722
|
-
"mx-auto grid min-h-
|
|
45723
|
-
shouldRenderRightColumn ? "lg:grid-cols-
|
|
45722
|
+
"mx-auto grid min-h-screen w-full grid-cols-1",
|
|
45723
|
+
shouldRenderRightColumn ? "lg:grid-cols-2" : null,
|
|
45724
45724
|
className
|
|
45725
45725
|
].filter(Boolean).join(" "),
|
|
45726
45726
|
children: [
|
|
45727
|
-
/* @__PURE__ */ jsx("div", { className: "flex
|
|
45727
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6 sm:p-8 lg:p-12", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
|
|
45728
45728
|
/* @__PURE__ */ jsxs("div", { className: "mb-6 text-center", children: [
|
|
45729
45729
|
/* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold leading-tight tracking-tight", children: appTitle }),
|
|
45730
45730
|
subtitle ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: subtitle }) : null
|
|
@@ -45754,7 +45754,7 @@ function Login({
|
|
|
45754
45754
|
/* @__PURE__ */ jsx("a", { href: signupHref, className: "underline underline-offset-4", children: signupLinkLabel })
|
|
45755
45755
|
] }) : null
|
|
45756
45756
|
] }) }),
|
|
45757
|
-
shouldRenderRightColumn ? /* @__PURE__ */ jsx("div", { className: "hidden
|
|
45757
|
+
shouldRenderRightColumn ? /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: rightImageSrc ? /* @__PURE__ */ jsx(
|
|
45758
45758
|
"img",
|
|
45759
45759
|
{
|
|
45760
45760
|
src: rightImageSrc,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/login/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAqB,EACrB,QAAQ,EACR,WAAsC,EACtC,eAA2B,EAC3B,UAAU,EACV,mBAA6C,EAC7C,uBAAsC,EACtC,kBAAkB,EAClB,aAAa,EACb,aAA6B,EAC7B,cAAqB,EACrB,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/login/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAqB,EACrB,QAAQ,EACR,WAAsC,EACtC,eAA2B,EAC3B,UAAU,EACV,mBAA6C,EAC7C,uBAAsC,EACtC,kBAAkB,EAClB,aAAa,EACb,aAA6B,EAC7B,cAAqB,EACrB,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,UAAU,2CAqFZ;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -1061,10 +1061,6 @@
|
|
|
1061
1061
|
max-height: 420px;
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
|
-
.max-h-\[1280px\] {
|
|
1065
|
-
max-height: 1280px;
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
1064
|
.min-h-0 {
|
|
1069
1065
|
min-height: calc(var(--spacing) * 0);
|
|
1070
1066
|
}
|
|
@@ -1313,10 +1309,6 @@
|
|
|
1313
1309
|
max-width: 150px;
|
|
1314
1310
|
}
|
|
1315
1311
|
|
|
1316
|
-
.max-w-\[1920px\] {
|
|
1317
|
-
max-width: 1920px;
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
1312
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
1321
1313
|
max-width: calc(100% - 2rem);
|
|
1322
1314
|
}
|
|
@@ -4684,10 +4676,6 @@
|
|
|
4684
4676
|
display: flex;
|
|
4685
4677
|
}
|
|
4686
4678
|
|
|
4687
|
-
.lg\:min-h-\[768px\] {
|
|
4688
|
-
min-height: 768px;
|
|
4689
|
-
}
|
|
4690
|
-
|
|
4691
4679
|
.lg\:grid-cols-1 {
|
|
4692
4680
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4693
4681
|
}
|
|
@@ -4736,10 +4724,6 @@
|
|
|
4736
4724
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4737
4725
|
}
|
|
4738
4726
|
|
|
4739
|
-
.lg\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(384px\,_1fr\)\] {
|
|
4740
|
-
grid-template-columns: minmax(0, 1fr) minmax(384px, 1fr);
|
|
4741
|
-
}
|
|
4742
|
-
|
|
4743
4727
|
:where(.lg\:space-x-8 > :not(:last-child)) {
|
|
4744
4728
|
--tw-space-x-reverse: 0;
|
|
4745
4729
|
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
|
|
@@ -1064,10 +1064,6 @@
|
|
|
1064
1064
|
max-height: 420px;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
|
-
.max-h-\[1280px\] {
|
|
1068
|
-
max-height: 1280px;
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
1067
|
.min-h-0 {
|
|
1072
1068
|
min-height: calc(var(--spacing) * 0);
|
|
1073
1069
|
}
|
|
@@ -1316,10 +1312,6 @@
|
|
|
1316
1312
|
max-width: 150px;
|
|
1317
1313
|
}
|
|
1318
1314
|
|
|
1319
|
-
.max-w-\[1920px\] {
|
|
1320
|
-
max-width: 1920px;
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
1315
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
1324
1316
|
max-width: calc(100% - 2rem);
|
|
1325
1317
|
}
|
|
@@ -4691,10 +4683,6 @@
|
|
|
4691
4683
|
display: flex;
|
|
4692
4684
|
}
|
|
4693
4685
|
|
|
4694
|
-
.lg\:min-h-\[768px\] {
|
|
4695
|
-
min-height: 768px;
|
|
4696
|
-
}
|
|
4697
|
-
|
|
4698
4686
|
.lg\:grid-cols-1 {
|
|
4699
4687
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4700
4688
|
}
|
|
@@ -4743,10 +4731,6 @@
|
|
|
4743
4731
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4744
4732
|
}
|
|
4745
4733
|
|
|
4746
|
-
.lg\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(384px\,_1fr\)\] {
|
|
4747
|
-
grid-template-columns: minmax(0, 1fr) minmax(384px, 1fr);
|
|
4748
|
-
}
|
|
4749
|
-
|
|
4750
4734
|
:where(.lg\:space-x-8 > :not(:last-child)) {
|
|
4751
4735
|
--tw-space-x-reverse: 0;
|
|
4752
4736
|
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
|
|
@@ -1061,10 +1061,6 @@
|
|
|
1061
1061
|
max-height: 420px;
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
|
-
.max-h-\[1280px\] {
|
|
1065
|
-
max-height: 1280px;
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
1064
|
.min-h-0 {
|
|
1069
1065
|
min-height: calc(var(--spacing) * 0);
|
|
1070
1066
|
}
|
|
@@ -1313,10 +1309,6 @@
|
|
|
1313
1309
|
max-width: 150px;
|
|
1314
1310
|
}
|
|
1315
1311
|
|
|
1316
|
-
.max-w-\[1920px\] {
|
|
1317
|
-
max-width: 1920px;
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
1312
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
1321
1313
|
max-width: calc(100% - 2rem);
|
|
1322
1314
|
}
|
|
@@ -4684,10 +4676,6 @@
|
|
|
4684
4676
|
display: flex;
|
|
4685
4677
|
}
|
|
4686
4678
|
|
|
4687
|
-
.lg\:min-h-\[768px\] {
|
|
4688
|
-
min-height: 768px;
|
|
4689
|
-
}
|
|
4690
|
-
|
|
4691
4679
|
.lg\:grid-cols-1 {
|
|
4692
4680
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4693
4681
|
}
|
|
@@ -4736,10 +4724,6 @@
|
|
|
4736
4724
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4737
4725
|
}
|
|
4738
4726
|
|
|
4739
|
-
.lg\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(384px\,_1fr\)\] {
|
|
4740
|
-
grid-template-columns: minmax(0, 1fr) minmax(384px, 1fr);
|
|
4741
|
-
}
|
|
4742
|
-
|
|
4743
4727
|
:where(.lg\:space-x-8 > :not(:last-child)) {
|
|
4744
4728
|
--tw-space-x-reverse: 0;
|
|
4745
4729
|
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
|
|
@@ -1061,10 +1061,6 @@
|
|
|
1061
1061
|
max-height: 420px;
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
|
-
.max-h-\[1280px\] {
|
|
1065
|
-
max-height: 1280px;
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
1064
|
.min-h-0 {
|
|
1069
1065
|
min-height: calc(var(--spacing) * 0);
|
|
1070
1066
|
}
|
|
@@ -1313,10 +1309,6 @@
|
|
|
1313
1309
|
max-width: 150px;
|
|
1314
1310
|
}
|
|
1315
1311
|
|
|
1316
|
-
.max-w-\[1920px\] {
|
|
1317
|
-
max-width: 1920px;
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
1312
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
1321
1313
|
max-width: calc(100% - 2rem);
|
|
1322
1314
|
}
|
|
@@ -4684,10 +4676,6 @@
|
|
|
4684
4676
|
display: flex;
|
|
4685
4677
|
}
|
|
4686
4678
|
|
|
4687
|
-
.lg\:min-h-\[768px\] {
|
|
4688
|
-
min-height: 768px;
|
|
4689
|
-
}
|
|
4690
|
-
|
|
4691
4679
|
.lg\:grid-cols-1 {
|
|
4692
4680
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4693
4681
|
}
|
|
@@ -4736,10 +4724,6 @@
|
|
|
4736
4724
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4737
4725
|
}
|
|
4738
4726
|
|
|
4739
|
-
.lg\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(384px\,_1fr\)\] {
|
|
4740
|
-
grid-template-columns: minmax(0, 1fr) minmax(384px, 1fr);
|
|
4741
|
-
}
|
|
4742
|
-
|
|
4743
4727
|
:where(.lg\:space-x-8 > :not(:last-child)) {
|
|
4744
4728
|
--tw-space-x-reverse: 0;
|
|
4745
4729
|
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
|
package/package.json
CHANGED
|
@@ -57,17 +57,15 @@ export function Login({
|
|
|
57
57
|
return (
|
|
58
58
|
<div
|
|
59
59
|
className={[
|
|
60
|
-
'mx-auto grid min-h-
|
|
61
|
-
shouldRenderRightColumn
|
|
62
|
-
? 'lg:grid-cols-[minmax(0,_1fr)_minmax(384px,_1fr)]'
|
|
63
|
-
: null,
|
|
60
|
+
'mx-auto grid min-h-screen w-full grid-cols-1',
|
|
61
|
+
shouldRenderRightColumn ? 'lg:grid-cols-2' : null,
|
|
64
62
|
className,
|
|
65
63
|
]
|
|
66
64
|
.filter(Boolean)
|
|
67
65
|
.join(' ')}
|
|
68
66
|
>
|
|
69
67
|
{/* Left column: form section */}
|
|
70
|
-
<div className="flex
|
|
68
|
+
<div className="flex items-center justify-center p-6 sm:p-8 lg:p-12">
|
|
71
69
|
<div className="w-full max-w-md">
|
|
72
70
|
{/* Title */}
|
|
73
71
|
<div className="mb-6 text-center">
|
|
@@ -123,7 +121,7 @@ export function Login({
|
|
|
123
121
|
|
|
124
122
|
{/* Right column: image */}
|
|
125
123
|
{shouldRenderRightColumn ? (
|
|
126
|
-
<div className="hidden
|
|
124
|
+
<div className="hidden lg:block">
|
|
127
125
|
{rightImageSrc ? (
|
|
128
126
|
<img
|
|
129
127
|
src={rightImageSrc}
|