@memelabui/ui 0.6.0 → 0.6.1

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.cjs CHANGED
@@ -1005,7 +1005,7 @@ function RadioGroup({
1005
1005
  ) });
1006
1006
  }
1007
1007
  function RadioItem({ value, disabled: itemDisabled, children, className }) {
1008
- const { value: groupValue, onChange, name, disabled: groupDisabled, groupId } = useRadioGroup();
1008
+ const { value: groupValue, onChange, name, disabled: groupDisabled } = useRadioGroup();
1009
1009
  const inputId = React.useId();
1010
1010
  const inputRef = React.useRef(null);
1011
1011
  const isDisabled = groupDisabled || itemDisabled;
@@ -1437,10 +1437,6 @@ function Tooltip({ content, delayMs = 500, placement = "top", className, childre
1437
1437
  const anchorRef = React.useRef(null);
1438
1438
  const [open, setOpen] = React.useState(false);
1439
1439
  const [pos, setPos] = React.useState(null);
1440
- React.useMemo(() => {
1441
- if (typeof content === "string") return content.trim();
1442
- return "";
1443
- }, [content]);
1444
1440
  const clearTimer = React.useCallback(() => {
1445
1441
  if (openTimerRef.current !== null) {
1446
1442
  window.clearTimeout(openTimerRef.current);
package/dist/index.js CHANGED
@@ -999,7 +999,7 @@ function RadioGroup({
999
999
  ) });
1000
1000
  }
1001
1001
  function RadioItem({ value, disabled: itemDisabled, children, className }) {
1002
- const { value: groupValue, onChange, name, disabled: groupDisabled, groupId } = useRadioGroup();
1002
+ const { value: groupValue, onChange, name, disabled: groupDisabled } = useRadioGroup();
1003
1003
  const inputId = useId();
1004
1004
  const inputRef = useRef(null);
1005
1005
  const isDisabled = groupDisabled || itemDisabled;
@@ -1431,10 +1431,6 @@ function Tooltip({ content, delayMs = 500, placement = "top", className, childre
1431
1431
  const anchorRef = useRef(null);
1432
1432
  const [open, setOpen] = useState(false);
1433
1433
  const [pos, setPos] = useState(null);
1434
- useMemo(() => {
1435
- if (typeof content === "string") return content.trim();
1436
- return "";
1437
- }, [content]);
1438
1434
  const clearTimer = useCallback(() => {
1439
1435
  if (openTimerRef.current !== null) {
1440
1436
  window.clearTimeout(openTimerRef.current);
@@ -1004,6 +1004,9 @@ a {
1004
1004
  .h-20 {
1005
1005
  height: 5rem;
1006
1006
  }
1007
+ .h-28 {
1008
+ height: 7rem;
1009
+ }
1007
1010
  .h-3 {
1008
1011
  height: 0.75rem;
1009
1012
  }
@@ -1016,6 +1019,9 @@ a {
1016
1019
  .h-4 {
1017
1020
  height: 1rem;
1018
1021
  }
1022
+ .h-40 {
1023
+ height: 10rem;
1024
+ }
1019
1025
  .h-5 {
1020
1026
  height: 1.25rem;
1021
1027
  }
@@ -1058,6 +1064,9 @@ a {
1058
1064
  .max-h-60 {
1059
1065
  max-height: 15rem;
1060
1066
  }
1067
+ .min-h-\[320px\] {
1068
+ min-height: 320px;
1069
+ }
1061
1070
  .min-h-\[42px\] {
1062
1071
  min-height: 42px;
1063
1072
  }
@@ -1118,6 +1127,9 @@ a {
1118
1127
  .w-5\/6 {
1119
1128
  width: 83.333333%;
1120
1129
  }
1130
+ .w-56 {
1131
+ width: 14rem;
1132
+ }
1121
1133
  .w-6 {
1122
1134
  width: 1.5rem;
1123
1135
  }
@@ -1145,6 +1157,9 @@ a {
1145
1157
  .w-\[300px\] {
1146
1158
  width: 300px;
1147
1159
  }
1160
+ .w-\[360px\] {
1161
+ width: 360px;
1162
+ }
1148
1163
  .w-\[3px\] {
1149
1164
  width: 3px;
1150
1165
  }
@@ -1157,6 +1172,9 @@ a {
1157
1172
  .w-\[600px\] {
1158
1173
  width: 600px;
1159
1174
  }
1175
+ .w-\[900px\] {
1176
+ width: 900px;
1177
+ }
1160
1178
  .w-fit {
1161
1179
  width: -moz-fit-content;
1162
1180
  width: fit-content;
@@ -1170,6 +1188,9 @@ a {
1170
1188
  .min-w-0 {
1171
1189
  min-width: 0px;
1172
1190
  }
1191
+ .min-w-52 {
1192
+ min-width: 13rem;
1193
+ }
1173
1194
  .min-w-\[10rem\] {
1174
1195
  min-width: 10rem;
1175
1196
  }
@@ -1179,6 +1200,9 @@ a {
1179
1200
  .min-w-\[16px\] {
1180
1201
  min-width: 16px;
1181
1202
  }
1203
+ .min-w-\[180px\] {
1204
+ min-width: 180px;
1205
+ }
1182
1206
  .min-w-\[18px\] {
1183
1207
  min-width: 18px;
1184
1208
  }
@@ -1212,9 +1236,15 @@ a {
1212
1236
  .max-w-full {
1213
1237
  max-width: 100%;
1214
1238
  }
1239
+ .max-w-lg {
1240
+ max-width: 32rem;
1241
+ }
1215
1242
  .max-w-md {
1216
1243
  max-width: 28rem;
1217
1244
  }
1245
+ .max-w-xl {
1246
+ max-width: 36rem;
1247
+ }
1218
1248
  .flex-1 {
1219
1249
  flex: 1 1 0%;
1220
1250
  }
@@ -1847,9 +1877,15 @@ a {
1847
1877
  .p-2\.5 {
1848
1878
  padding: 0.625rem;
1849
1879
  }
1880
+ .p-3 {
1881
+ padding: 0.75rem;
1882
+ }
1850
1883
  .p-4 {
1851
1884
  padding: 1rem;
1852
1885
  }
1886
+ .p-5 {
1887
+ padding: 1.25rem;
1888
+ }
1853
1889
  .p-6 {
1854
1890
  padding: 1.5rem;
1855
1891
  }
@@ -2223,6 +2259,9 @@ a {
2223
2259
  .ring-primary\/20 {
2224
2260
  --tw-ring-color: rgb(var(--ml-primary) / 0.2);
2225
2261
  }
2262
+ .ring-primary\/30 {
2263
+ --tw-ring-color: rgb(var(--ml-primary) / 0.3);
2264
+ }
2226
2265
  .ring-primary\/40 {
2227
2266
  --tw-ring-color: rgb(var(--ml-primary) / 0.4);
2228
2267
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memelabui/ui",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "MemeLab shared UI component library — React + Tailwind + Glassmorphism",
5
5
  "type": "module",
6
6
  "sideEffects": [