@opensite/ui 0.7.3 → 0.7.4

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 (7) hide show
  1. package/dist/carousel-fullscreen-scroll-fx.cjs +18 -16
  2. package/dist/carousel-fullscreen-scroll-fx.d.cts +5 -1
  3. package/dist/carousel-fullscreen-scroll-fx.d.ts +5 -1
  4. package/dist/carousel-fullscreen-scroll-fx.js +18 -16
  5. package/dist/registry.cjs +18 -16
  6. package/dist/registry.js +18 -16
  7. package/package.json +1 -1
package/dist/carousel-fullscreen-scroll-fx.cjs CHANGED
@@ -410,6 +410,7 @@ function CarouselFullscreenScrollFx({
410
410
  slides,
411
411
  slidesSlot,
412
412
  className,
413
+ containerClassName = "h-full flex flex-col justify-center",
413
414
  navigationClassName,
414
415
  contentClassName,
415
416
  subtitleClassName,
@@ -459,6 +460,7 @@ function CarouselFullscreenScrollFx({
459
460
  pattern,
460
461
  patternOpacity,
461
462
  containerMaxWidth,
463
+ containerClassName,
462
464
  children: [
463
465
  /* @__PURE__ */ jsxRuntime.jsx(
464
466
  "div",
@@ -520,7 +522,7 @@ function CarouselFullscreenScrollFx({
520
522
  "div",
521
523
  {
522
524
  className: cn(
523
- "relative z-10 mx-auto max-w-4xl px-6 text-center text-white",
525
+ "relative z-10 mx-auto max-w-4xl md:max-w-2xl px-6 text-center text-white text-shadow",
524
526
  contentClassName
525
527
  ),
526
528
  children: [
@@ -548,28 +550,28 @@ function CarouselFullscreenScrollFx({
548
550
  "p",
549
551
  {
550
552
  className: cn(
551
- "mx-auto max-w-2xl text-lg text-white/80 md:text-xl",
553
+ "mx-auto text-lg text-white/80 md:text-xl text-balance",
552
554
  descriptionClassName
553
555
  ),
554
556
  children: slide.description
555
557
  }
556
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description })),
557
- index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
558
- "div",
559
- {
560
- className: cn(
561
- "absolute bottom-8 left-1/2 -translate-x-1/2",
562
- scrollIndicatorClassName
563
- ),
564
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
565
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
566
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-gradient-to-b from-white/50 to-transparent" })
567
- ] })
568
- }
569
- )
558
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description }))
570
559
  ]
571
560
  }
572
561
  ),
562
+ index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
563
+ "div",
564
+ {
565
+ className: cn(
566
+ "absolute bottom-8 left-1/2 -translate-x-1/2",
567
+ scrollIndicatorClassName
568
+ ),
569
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
570
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
571
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
572
+ ] })
573
+ }
574
+ ),
573
575
  /* @__PURE__ */ jsxRuntime.jsxs(
574
576
  "div",
575
577
  {
package/dist/carousel-fullscreen-scroll-fx.d.cts CHANGED
@@ -68,6 +68,10 @@ interface CarouselFullscreenScrollFxProps {
68
68
  * Additional CSS classes for the section
69
69
  */
70
70
  className?: string;
71
+ /**
72
+ * Additional CSS classes for the container
73
+ */
74
+ containerClassName?: string;
71
75
  /**
72
76
  * Additional CSS classes for the navigation dots
73
77
  */
@@ -121,6 +125,6 @@ interface CarouselFullscreenScrollFxProps {
121
125
  */
122
126
  containerMaxWidth?: ContainerMaxWidth;
123
127
  }
124
- declare function CarouselFullscreenScrollFx({ slides, slidesSlot, className, navigationClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, scrollIndicatorClassName, counterClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselFullscreenScrollFxProps): React.JSX.Element;
128
+ declare function CarouselFullscreenScrollFx({ slides, slidesSlot, className, containerClassName, navigationClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, scrollIndicatorClassName, counterClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselFullscreenScrollFxProps): React.JSX.Element;
125
129
 
126
130
  export { CarouselFullscreenScrollFx, type CarouselFullscreenScrollFxProps, type FullscreenSlide };
package/dist/carousel-fullscreen-scroll-fx.d.ts CHANGED
@@ -68,6 +68,10 @@ interface CarouselFullscreenScrollFxProps {
68
68
  * Additional CSS classes for the section
69
69
  */
70
70
  className?: string;
71
+ /**
72
+ * Additional CSS classes for the container
73
+ */
74
+ containerClassName?: string;
71
75
  /**
72
76
  * Additional CSS classes for the navigation dots
73
77
  */
@@ -121,6 +125,6 @@ interface CarouselFullscreenScrollFxProps {
121
125
  */
122
126
  containerMaxWidth?: ContainerMaxWidth;
123
127
  }
124
- declare function CarouselFullscreenScrollFx({ slides, slidesSlot, className, navigationClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, scrollIndicatorClassName, counterClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselFullscreenScrollFxProps): React.JSX.Element;
128
+ declare function CarouselFullscreenScrollFx({ slides, slidesSlot, className, containerClassName, navigationClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, scrollIndicatorClassName, counterClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselFullscreenScrollFxProps): React.JSX.Element;
125
129
 
126
130
  export { CarouselFullscreenScrollFx, type CarouselFullscreenScrollFxProps, type FullscreenSlide };
package/dist/carousel-fullscreen-scroll-fx.js CHANGED
@@ -389,6 +389,7 @@ function CarouselFullscreenScrollFx({
389
389
  slides,
390
390
  slidesSlot,
391
391
  className,
392
+ containerClassName = "h-full flex flex-col justify-center",
392
393
  navigationClassName,
393
394
  contentClassName,
394
395
  subtitleClassName,
@@ -438,6 +439,7 @@ function CarouselFullscreenScrollFx({
438
439
  pattern,
439
440
  patternOpacity,
440
441
  containerMaxWidth,
442
+ containerClassName,
441
443
  children: [
442
444
  /* @__PURE__ */ jsx(
443
445
  "div",
@@ -499,7 +501,7 @@ function CarouselFullscreenScrollFx({
499
501
  "div",
500
502
  {
501
503
  className: cn(
502
- "relative z-10 mx-auto max-w-4xl px-6 text-center text-white",
504
+ "relative z-10 mx-auto max-w-4xl md:max-w-2xl px-6 text-center text-white text-shadow",
503
505
  contentClassName
504
506
  ),
505
507
  children: [
@@ -527,28 +529,28 @@ function CarouselFullscreenScrollFx({
527
529
  "p",
528
530
  {
529
531
  className: cn(
530
- "mx-auto max-w-2xl text-lg text-white/80 md:text-xl",
532
+ "mx-auto text-lg text-white/80 md:text-xl text-balance",
531
533
  descriptionClassName
532
534
  ),
533
535
  children: slide.description
534
536
  }
535
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: slide.description })),
536
- index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsx(
537
- "div",
538
- {
539
- className: cn(
540
- "absolute bottom-8 left-1/2 -translate-x-1/2",
541
- scrollIndicatorClassName
542
- ),
543
- children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
544
- /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
545
- /* @__PURE__ */ jsx("div", { className: "h-12 w-px animate-pulse bg-gradient-to-b from-white/50 to-transparent" })
546
- ] })
547
- }
548
- )
537
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: slide.description }))
549
538
  ]
550
539
  }
551
540
  ),
541
+ index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsx(
542
+ "div",
543
+ {
544
+ className: cn(
545
+ "absolute bottom-8 left-1/2 -translate-x-1/2",
546
+ scrollIndicatorClassName
547
+ ),
548
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
549
+ /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
550
+ /* @__PURE__ */ jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
551
+ ] })
552
+ }
553
+ ),
552
554
  /* @__PURE__ */ jsxs(
553
555
  "div",
554
556
  {
package/dist/registry.cjs CHANGED
@@ -18280,6 +18280,7 @@ function CarouselFullscreenScrollFx({
18280
18280
  slides,
18281
18281
  slidesSlot,
18282
18282
  className,
18283
+ containerClassName = "h-full flex flex-col justify-center",
18283
18284
  navigationClassName,
18284
18285
  contentClassName,
18285
18286
  subtitleClassName,
@@ -18329,6 +18330,7 @@ function CarouselFullscreenScrollFx({
18329
18330
  pattern,
18330
18331
  patternOpacity,
18331
18332
  containerMaxWidth,
18333
+ containerClassName,
18332
18334
  children: [
18333
18335
  /* @__PURE__ */ jsxRuntime.jsx(
18334
18336
  "div",
@@ -18390,7 +18392,7 @@ function CarouselFullscreenScrollFx({
18390
18392
  "div",
18391
18393
  {
18392
18394
  className: cn(
18393
- "relative z-10 mx-auto max-w-4xl px-6 text-center text-white",
18395
+ "relative z-10 mx-auto max-w-4xl md:max-w-2xl px-6 text-center text-white text-shadow",
18394
18396
  contentClassName
18395
18397
  ),
18396
18398
  children: [
@@ -18418,28 +18420,28 @@ function CarouselFullscreenScrollFx({
18418
18420
  "p",
18419
18421
  {
18420
18422
  className: cn(
18421
- "mx-auto max-w-2xl text-lg text-white/80 md:text-xl",
18423
+ "mx-auto text-lg text-white/80 md:text-xl text-balance",
18422
18424
  descriptionClassName
18423
18425
  ),
18424
18426
  children: slide.description
18425
18427
  }
18426
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description })),
18427
- index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
18428
- "div",
18429
- {
18430
- className: cn(
18431
- "absolute bottom-8 left-1/2 -translate-x-1/2",
18432
- scrollIndicatorClassName
18433
- ),
18434
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
18435
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
18436
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-gradient-to-b from-white/50 to-transparent" })
18437
- ] })
18438
- }
18439
- )
18428
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description }))
18440
18429
  ]
18441
18430
  }
18442
18431
  ),
18432
+ index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
18433
+ "div",
18434
+ {
18435
+ className: cn(
18436
+ "absolute bottom-8 left-1/2 -translate-x-1/2",
18437
+ scrollIndicatorClassName
18438
+ ),
18439
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
18440
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
18441
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
18442
+ ] })
18443
+ }
18444
+ ),
18443
18445
  /* @__PURE__ */ jsxRuntime.jsxs(
18444
18446
  "div",
18445
18447
  {
package/dist/registry.js CHANGED
@@ -18240,6 +18240,7 @@ function CarouselFullscreenScrollFx({
18240
18240
  slides,
18241
18241
  slidesSlot,
18242
18242
  className,
18243
+ containerClassName = "h-full flex flex-col justify-center",
18243
18244
  navigationClassName,
18244
18245
  contentClassName,
18245
18246
  subtitleClassName,
@@ -18289,6 +18290,7 @@ function CarouselFullscreenScrollFx({
18289
18290
  pattern,
18290
18291
  patternOpacity,
18291
18292
  containerMaxWidth,
18293
+ containerClassName,
18292
18294
  children: [
18293
18295
  /* @__PURE__ */ jsx(
18294
18296
  "div",
@@ -18350,7 +18352,7 @@ function CarouselFullscreenScrollFx({
18350
18352
  "div",
18351
18353
  {
18352
18354
  className: cn(
18353
- "relative z-10 mx-auto max-w-4xl px-6 text-center text-white",
18355
+ "relative z-10 mx-auto max-w-4xl md:max-w-2xl px-6 text-center text-white text-shadow",
18354
18356
  contentClassName
18355
18357
  ),
18356
18358
  children: [
@@ -18378,28 +18380,28 @@ function CarouselFullscreenScrollFx({
18378
18380
  "p",
18379
18381
  {
18380
18382
  className: cn(
18381
- "mx-auto max-w-2xl text-lg text-white/80 md:text-xl",
18383
+ "mx-auto text-lg text-white/80 md:text-xl text-balance",
18382
18384
  descriptionClassName
18383
18385
  ),
18384
18386
  children: slide.description
18385
18387
  }
18386
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: slide.description })),
18387
- index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsx(
18388
- "div",
18389
- {
18390
- className: cn(
18391
- "absolute bottom-8 left-1/2 -translate-x-1/2",
18392
- scrollIndicatorClassName
18393
- ),
18394
- children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
18395
- /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
18396
- /* @__PURE__ */ jsx("div", { className: "h-12 w-px animate-pulse bg-gradient-to-b from-white/50 to-transparent" })
18397
- ] })
18398
- }
18399
- )
18388
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: slide.description }))
18400
18389
  ]
18401
18390
  }
18402
18391
  ),
18392
+ index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsx(
18393
+ "div",
18394
+ {
18395
+ className: cn(
18396
+ "absolute bottom-8 left-1/2 -translate-x-1/2",
18397
+ scrollIndicatorClassName
18398
+ ),
18399
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
18400
+ /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
18401
+ /* @__PURE__ */ jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
18402
+ ] })
18403
+ }
18404
+ ),
18403
18405
  /* @__PURE__ */ jsxs(
18404
18406
  "div",
18405
18407
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "0.7.3",
3
+ "version": "0.7.4",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",