@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 CHANGED
@@ -45719,12 +45719,12 @@ function Login({
45719
45719
  "div",
45720
45720
  {
45721
45721
  className: [
45722
- "mx-auto grid min-h-dvh w-full max-w-[1920px] grid-cols-1 lg:min-h-[768px]",
45723
- shouldRenderRightColumn ? "lg:grid-cols-[minmax(0,_1fr)_minmax(384px,_1fr)]" : null,
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 min-h-0 items-center justify-center p-6 sm:p-8 lg:p-12", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
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 max-h-[1280px] lg:block", children: rightImageSrc ? /* @__PURE__ */ jsx(
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,2CAuFZ;AAED,eAAe,KAAK,CAAC"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k3-universe/react-kit",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -57,17 +57,15 @@ export function Login({
57
57
  return (
58
58
  <div
59
59
  className={[
60
- 'mx-auto grid min-h-dvh w-full max-w-[1920px] grid-cols-1 lg:min-h-[768px]',
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 min-h-0 items-center justify-center p-6 sm:p-8 lg:p-12">
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 max-h-[1280px] lg:block">
124
+ <div className="hidden lg:block">
127
125
  {rightImageSrc ? (
128
126
  <img
129
127
  src={rightImageSrc}