@underverse-ui/underverse 1.0.124 → 1.0.126

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/api-reference.json +1 -1
  3. package/dist/index.cjs +1336 -942
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +48 -2
  6. package/dist/index.d.ts +48 -2
  7. package/dist/index.js +1469 -1076
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -309,8 +309,18 @@ interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
309
309
  /** Hide status dot on hover */
310
310
  hideStatusOnHover?: boolean;
311
311
  onClick?: () => void;
312
+ /**
313
+ * Image rendering strategy.
314
+ * - "img": native <img> (default) — stable in dense lists, no Next.js pipeline overhead.
315
+ * - "next-image": uses SmartImage/next/image for CDN optimization.
316
+ */
317
+ imageStrategy?: "img" | "next-image";
318
+ /** Native img `loading` attribute. Default "lazy". Use "eager" for above-the-fold avatars. */
319
+ imageLoading?: "lazy" | "eager";
320
+ /** Native img `fetchpriority` attribute. Useful for hero/header avatars. */
321
+ imageFetchPriority?: "high" | "low" | "auto";
312
322
  }
313
- declare const Avatar: ({ src, alt, fallback, size, showStatus, status, hideStatusOnHover, className, onClick, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
323
+ declare const Avatar: React$1.NamedExoticComponent<AvatarProps>;
314
324
 
315
325
  /** Public props for the `Skeleton` component. */
316
326
  interface SkeletonProps {
@@ -1996,8 +2006,12 @@ interface SmartImageProps {
1996
2006
  /** Optional fallback src if original fails. */
1997
2007
  fallbackSrc?: string;
1998
2008
  imageClassName?: string;
2009
+ /** Enable fade-in transition on the image. Default false — avoids making reloads/repaints visible. */
2010
+ transition?: boolean;
2011
+ /** Pass through next/image `unoptimized`. Useful when CDN optimization is not needed. */
2012
+ unoptimized?: boolean;
1999
2013
  }
2000
- declare function SmartImage({ src, alt, className, imageClassName, ratioClass, roundedClass, fill, width, height, sizes, priority, quality, fit, objectPosition, fallbackSrc, }: SmartImageProps): react_jsx_runtime.JSX.Element;
2014
+ declare function SmartImage({ src, alt, className, imageClassName, ratioClass, roundedClass, fill, width, height, sizes, priority, quality, fit, objectPosition, fallbackSrc, transition, unoptimized, }: SmartImageProps): react_jsx_runtime.JSX.Element;
2001
2015
 
2002
2016
  interface UploadedImage {
2003
2017
  id: number;
@@ -3421,6 +3435,9 @@ declare const underverseMessages: {
3421
3435
  accent: string;
3422
3436
  textColor: string;
3423
3437
  highlight: string;
3438
+ automatic: string;
3439
+ moreColors: string;
3440
+ color: string;
3424
3441
  done: string;
3425
3442
  };
3426
3443
  toolbar: {
@@ -3435,6 +3452,7 @@ declare const underverseMessages: {
3435
3452
  subscript: string;
3436
3453
  superscript: string;
3437
3454
  link: string;
3455
+ removeLink: string;
3438
3456
  image: string;
3439
3457
  table: string;
3440
3458
  alignment: string;
@@ -3684,6 +3702,9 @@ declare const underverseMessages: {
3684
3702
  accent: string;
3685
3703
  textColor: string;
3686
3704
  highlight: string;
3705
+ automatic: string;
3706
+ moreColors: string;
3707
+ color: string;
3687
3708
  done: string;
3688
3709
  };
3689
3710
  toolbar: {
@@ -3698,6 +3719,7 @@ declare const underverseMessages: {
3698
3719
  subscript: string;
3699
3720
  superscript: string;
3700
3721
  link: string;
3722
+ removeLink: string;
3701
3723
  image: string;
3702
3724
  table: string;
3703
3725
  alignment: string;
@@ -3947,6 +3969,9 @@ declare const underverseMessages: {
3947
3969
  accent: string;
3948
3970
  textColor: string;
3949
3971
  highlight: string;
3972
+ automatic: string;
3973
+ moreColors: string;
3974
+ color: string;
3950
3975
  done: string;
3951
3976
  };
3952
3977
  toolbar: {
@@ -3961,6 +3986,7 @@ declare const underverseMessages: {
3961
3986
  subscript: string;
3962
3987
  superscript: string;
3963
3988
  link: string;
3989
+ removeLink: string;
3964
3990
  image: string;
3965
3991
  table: string;
3966
3992
  alignment: string;
@@ -4209,6 +4235,9 @@ declare const underverseMessages: {
4209
4235
  accent: string;
4210
4236
  textColor: string;
4211
4237
  highlight: string;
4238
+ automatic: string;
4239
+ moreColors: string;
4240
+ color: string;
4212
4241
  done: string;
4213
4242
  };
4214
4243
  toolbar: {
@@ -4223,6 +4252,7 @@ declare const underverseMessages: {
4223
4252
  subscript: string;
4224
4253
  superscript: string;
4225
4254
  link: string;
4255
+ removeLink: string;
4226
4256
  image: string;
4227
4257
  table: string;
4228
4258
  alignment: string;
@@ -4474,6 +4504,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4474
4504
  accent: string;
4475
4505
  textColor: string;
4476
4506
  highlight: string;
4507
+ automatic: string;
4508
+ moreColors: string;
4509
+ color: string;
4477
4510
  done: string;
4478
4511
  };
4479
4512
  toolbar: {
@@ -4488,6 +4521,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4488
4521
  subscript: string;
4489
4522
  superscript: string;
4490
4523
  link: string;
4524
+ removeLink: string;
4491
4525
  image: string;
4492
4526
  table: string;
4493
4527
  alignment: string;
@@ -4736,6 +4770,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4736
4770
  accent: string;
4737
4771
  textColor: string;
4738
4772
  highlight: string;
4773
+ automatic: string;
4774
+ moreColors: string;
4775
+ color: string;
4739
4776
  done: string;
4740
4777
  };
4741
4778
  toolbar: {
@@ -4750,6 +4787,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4750
4787
  subscript: string;
4751
4788
  superscript: string;
4752
4789
  link: string;
4790
+ removeLink: string;
4753
4791
  image: string;
4754
4792
  table: string;
4755
4793
  alignment: string;
@@ -4998,6 +5036,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4998
5036
  accent: string;
4999
5037
  textColor: string;
5000
5038
  highlight: string;
5039
+ automatic: string;
5040
+ moreColors: string;
5041
+ color: string;
5001
5042
  done: string;
5002
5043
  };
5003
5044
  toolbar: {
@@ -5012,6 +5053,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5012
5053
  subscript: string;
5013
5054
  superscript: string;
5014
5055
  link: string;
5056
+ removeLink: string;
5015
5057
  image: string;
5016
5058
  table: string;
5017
5059
  alignment: string;
@@ -5259,6 +5301,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5259
5301
  accent: string;
5260
5302
  textColor: string;
5261
5303
  highlight: string;
5304
+ automatic: string;
5305
+ moreColors: string;
5306
+ color: string;
5262
5307
  done: string;
5263
5308
  };
5264
5309
  toolbar: {
@@ -5273,6 +5318,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5273
5318
  subscript: string;
5274
5319
  superscript: string;
5275
5320
  link: string;
5321
+ removeLink: string;
5276
5322
  image: string;
5277
5323
  table: string;
5278
5324
  alignment: string;
package/dist/index.d.ts CHANGED
@@ -309,8 +309,18 @@ interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
309
309
  /** Hide status dot on hover */
310
310
  hideStatusOnHover?: boolean;
311
311
  onClick?: () => void;
312
+ /**
313
+ * Image rendering strategy.
314
+ * - "img": native <img> (default) — stable in dense lists, no Next.js pipeline overhead.
315
+ * - "next-image": uses SmartImage/next/image for CDN optimization.
316
+ */
317
+ imageStrategy?: "img" | "next-image";
318
+ /** Native img `loading` attribute. Default "lazy". Use "eager" for above-the-fold avatars. */
319
+ imageLoading?: "lazy" | "eager";
320
+ /** Native img `fetchpriority` attribute. Useful for hero/header avatars. */
321
+ imageFetchPriority?: "high" | "low" | "auto";
312
322
  }
313
- declare const Avatar: ({ src, alt, fallback, size, showStatus, status, hideStatusOnHover, className, onClick, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
323
+ declare const Avatar: React$1.NamedExoticComponent<AvatarProps>;
314
324
 
315
325
  /** Public props for the `Skeleton` component. */
316
326
  interface SkeletonProps {
@@ -1996,8 +2006,12 @@ interface SmartImageProps {
1996
2006
  /** Optional fallback src if original fails. */
1997
2007
  fallbackSrc?: string;
1998
2008
  imageClassName?: string;
2009
+ /** Enable fade-in transition on the image. Default false — avoids making reloads/repaints visible. */
2010
+ transition?: boolean;
2011
+ /** Pass through next/image `unoptimized`. Useful when CDN optimization is not needed. */
2012
+ unoptimized?: boolean;
1999
2013
  }
2000
- declare function SmartImage({ src, alt, className, imageClassName, ratioClass, roundedClass, fill, width, height, sizes, priority, quality, fit, objectPosition, fallbackSrc, }: SmartImageProps): react_jsx_runtime.JSX.Element;
2014
+ declare function SmartImage({ src, alt, className, imageClassName, ratioClass, roundedClass, fill, width, height, sizes, priority, quality, fit, objectPosition, fallbackSrc, transition, unoptimized, }: SmartImageProps): react_jsx_runtime.JSX.Element;
2001
2015
 
2002
2016
  interface UploadedImage {
2003
2017
  id: number;
@@ -3421,6 +3435,9 @@ declare const underverseMessages: {
3421
3435
  accent: string;
3422
3436
  textColor: string;
3423
3437
  highlight: string;
3438
+ automatic: string;
3439
+ moreColors: string;
3440
+ color: string;
3424
3441
  done: string;
3425
3442
  };
3426
3443
  toolbar: {
@@ -3435,6 +3452,7 @@ declare const underverseMessages: {
3435
3452
  subscript: string;
3436
3453
  superscript: string;
3437
3454
  link: string;
3455
+ removeLink: string;
3438
3456
  image: string;
3439
3457
  table: string;
3440
3458
  alignment: string;
@@ -3684,6 +3702,9 @@ declare const underverseMessages: {
3684
3702
  accent: string;
3685
3703
  textColor: string;
3686
3704
  highlight: string;
3705
+ automatic: string;
3706
+ moreColors: string;
3707
+ color: string;
3687
3708
  done: string;
3688
3709
  };
3689
3710
  toolbar: {
@@ -3698,6 +3719,7 @@ declare const underverseMessages: {
3698
3719
  subscript: string;
3699
3720
  superscript: string;
3700
3721
  link: string;
3722
+ removeLink: string;
3701
3723
  image: string;
3702
3724
  table: string;
3703
3725
  alignment: string;
@@ -3947,6 +3969,9 @@ declare const underverseMessages: {
3947
3969
  accent: string;
3948
3970
  textColor: string;
3949
3971
  highlight: string;
3972
+ automatic: string;
3973
+ moreColors: string;
3974
+ color: string;
3950
3975
  done: string;
3951
3976
  };
3952
3977
  toolbar: {
@@ -3961,6 +3986,7 @@ declare const underverseMessages: {
3961
3986
  subscript: string;
3962
3987
  superscript: string;
3963
3988
  link: string;
3989
+ removeLink: string;
3964
3990
  image: string;
3965
3991
  table: string;
3966
3992
  alignment: string;
@@ -4209,6 +4235,9 @@ declare const underverseMessages: {
4209
4235
  accent: string;
4210
4236
  textColor: string;
4211
4237
  highlight: string;
4238
+ automatic: string;
4239
+ moreColors: string;
4240
+ color: string;
4212
4241
  done: string;
4213
4242
  };
4214
4243
  toolbar: {
@@ -4223,6 +4252,7 @@ declare const underverseMessages: {
4223
4252
  subscript: string;
4224
4253
  superscript: string;
4225
4254
  link: string;
4255
+ removeLink: string;
4226
4256
  image: string;
4227
4257
  table: string;
4228
4258
  alignment: string;
@@ -4474,6 +4504,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4474
4504
  accent: string;
4475
4505
  textColor: string;
4476
4506
  highlight: string;
4507
+ automatic: string;
4508
+ moreColors: string;
4509
+ color: string;
4477
4510
  done: string;
4478
4511
  };
4479
4512
  toolbar: {
@@ -4488,6 +4521,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4488
4521
  subscript: string;
4489
4522
  superscript: string;
4490
4523
  link: string;
4524
+ removeLink: string;
4491
4525
  image: string;
4492
4526
  table: string;
4493
4527
  alignment: string;
@@ -4736,6 +4770,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4736
4770
  accent: string;
4737
4771
  textColor: string;
4738
4772
  highlight: string;
4773
+ automatic: string;
4774
+ moreColors: string;
4775
+ color: string;
4739
4776
  done: string;
4740
4777
  };
4741
4778
  toolbar: {
@@ -4750,6 +4787,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4750
4787
  subscript: string;
4751
4788
  superscript: string;
4752
4789
  link: string;
4790
+ removeLink: string;
4753
4791
  image: string;
4754
4792
  table: string;
4755
4793
  alignment: string;
@@ -4998,6 +5036,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
4998
5036
  accent: string;
4999
5037
  textColor: string;
5000
5038
  highlight: string;
5039
+ automatic: string;
5040
+ moreColors: string;
5041
+ color: string;
5001
5042
  done: string;
5002
5043
  };
5003
5044
  toolbar: {
@@ -5012,6 +5053,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5012
5053
  subscript: string;
5013
5054
  superscript: string;
5014
5055
  link: string;
5056
+ removeLink: string;
5015
5057
  image: string;
5016
5058
  table: string;
5017
5059
  alignment: string;
@@ -5259,6 +5301,9 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5259
5301
  accent: string;
5260
5302
  textColor: string;
5261
5303
  highlight: string;
5304
+ automatic: string;
5305
+ moreColors: string;
5306
+ color: string;
5262
5307
  done: string;
5263
5308
  };
5264
5309
  toolbar: {
@@ -5273,6 +5318,7 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
5273
5318
  subscript: string;
5274
5319
  superscript: string;
5275
5320
  link: string;
5321
+ removeLink: string;
5276
5322
  image: string;
5277
5323
  table: string;
5278
5324
  alignment: string;