@opensite/ui 0.7.7 → 0.7.8

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 (23) hide show
  1. package/dist/carousel-gallery-thumbnails.cjs +17 -2
  2. package/dist/carousel-gallery-thumbnails.d.cts +5 -1
  3. package/dist/carousel-gallery-thumbnails.d.ts +5 -1
  4. package/dist/carousel-gallery-thumbnails.js +17 -2
  5. package/dist/carousel-horizontal-cards.cjs +7 -7
  6. package/dist/carousel-horizontal-cards.js +7 -7
  7. package/dist/carousel-image-hero.cjs +4 -4
  8. package/dist/carousel-image-hero.js +4 -4
  9. package/dist/carousel-multi-step-showcase.cjs +30 -26
  10. package/dist/carousel-multi-step-showcase.js +30 -26
  11. package/dist/carousel-portfolio-hero.cjs +29 -17
  12. package/dist/carousel-portfolio-hero.d.cts +5 -1
  13. package/dist/carousel-portfolio-hero.d.ts +5 -1
  14. package/dist/carousel-portfolio-hero.js +29 -17
  15. package/dist/carousel-product-feature-showcase.cjs +7 -7
  16. package/dist/carousel-product-feature-showcase.js +7 -7
  17. package/dist/carousel-progress-slider.cjs +591 -40
  18. package/dist/carousel-progress-slider.js +591 -40
  19. package/dist/carousel-scrolling-feature-showcase.cjs +45 -38
  20. package/dist/carousel-scrolling-feature-showcase.js +46 -39
  21. package/dist/registry.cjs +171 -126
  22. package/dist/registry.js +172 -127
  23. package/package.json +1 -1
package/dist/carousel-product-feature-showcase.cjs CHANGED
@@ -994,13 +994,13 @@ function CarouselProductFeatureShowcase({
994
994
  const renderActions = () => {
995
995
  if (actionsSlot) return actionsSlot;
996
996
  if (!actions || actions.length === 0) return null;
997
- return actions.map((action, index) => {
997
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex flex-wrap gap-3", children: actions.map((action, index) => {
998
998
  const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
999
999
  return /* @__PURE__ */ jsxRuntime.jsx(
1000
1000
  Pressable,
1001
1001
  {
1002
1002
  asButton: true,
1003
- className: cn("mt-8", actionClassName),
1003
+ className: actionClassName,
1004
1004
  ...pressableProps,
1005
1005
  children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1006
1006
  icon,
@@ -1010,7 +1010,7 @@ function CarouselProductFeatureShowcase({
1010
1010
  },
1011
1011
  index
1012
1012
  );
1013
- });
1013
+ }) });
1014
1014
  };
1015
1015
  return /* @__PURE__ */ jsxRuntime.jsx(
1016
1016
  Section,
@@ -1055,9 +1055,9 @@ function CarouselProductFeatureShowcase({
1055
1055
  {
1056
1056
  onClick: goToPrev,
1057
1057
  asButton: true,
1058
- variant: "secondary",
1058
+ variant: "outline",
1059
1059
  size: "icon",
1060
- className: "rounded-full bg-background/80 backdrop-blur-sm",
1060
+ className: "flex h-10 w-10 items-center justify-center rounded-full border-border bg-background/90 text-foreground backdrop-blur-sm hover:bg-background",
1061
1061
  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 20 })
1062
1062
  }
1063
1063
  ),
@@ -1066,9 +1066,9 @@ function CarouselProductFeatureShowcase({
1066
1066
  {
1067
1067
  onClick: goToNext,
1068
1068
  asButton: true,
1069
- variant: "secondary",
1069
+ variant: "outline",
1070
1070
  size: "icon",
1071
- className: "rounded-full bg-background/80 backdrop-blur-sm",
1071
+ className: "flex h-10 w-10 items-center justify-center rounded-full border-border bg-background/90 text-foreground backdrop-blur-sm hover:bg-background",
1072
1072
  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
1073
1073
  }
1074
1074
  )
package/dist/carousel-product-feature-showcase.js CHANGED
@@ -973,13 +973,13 @@ function CarouselProductFeatureShowcase({
973
973
  const renderActions = () => {
974
974
  if (actionsSlot) return actionsSlot;
975
975
  if (!actions || actions.length === 0) return null;
976
- return actions.map((action, index) => {
976
+ return /* @__PURE__ */ jsx("div", { className: "mt-8 flex flex-wrap gap-3", children: actions.map((action, index) => {
977
977
  const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
978
978
  return /* @__PURE__ */ jsx(
979
979
  Pressable,
980
980
  {
981
981
  asButton: true,
982
- className: cn("mt-8", actionClassName),
982
+ className: actionClassName,
983
983
  ...pressableProps,
984
984
  children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
985
985
  icon,
@@ -989,7 +989,7 @@ function CarouselProductFeatureShowcase({
989
989
  },
990
990
  index
991
991
  );
992
- });
992
+ }) });
993
993
  };
994
994
  return /* @__PURE__ */ jsx(
995
995
  Section,
@@ -1034,9 +1034,9 @@ function CarouselProductFeatureShowcase({
1034
1034
  {
1035
1035
  onClick: goToPrev,
1036
1036
  asButton: true,
1037
- variant: "secondary",
1037
+ variant: "outline",
1038
1038
  size: "icon",
1039
- className: "rounded-full bg-background/80 backdrop-blur-sm",
1039
+ className: "flex h-10 w-10 items-center justify-center rounded-full border-border bg-background/90 text-foreground backdrop-blur-sm hover:bg-background",
1040
1040
  children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-left", size: 20 })
1041
1041
  }
1042
1042
  ),
@@ -1045,9 +1045,9 @@ function CarouselProductFeatureShowcase({
1045
1045
  {
1046
1046
  onClick: goToNext,
1047
1047
  asButton: true,
1048
- variant: "secondary",
1048
+ variant: "outline",
1049
1049
  size: "icon",
1050
- className: "rounded-full bg-background/80 backdrop-blur-sm",
1050
+ className: "flex h-10 w-10 items-center justify-center rounded-full border-border bg-background/90 text-foreground backdrop-blur-sm hover:bg-background",
1051
1051
  children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
1052
1052
  }
1053
1053
  )