@arobo/react 1.1.2 → 1.1.3

package/dist/components/carousel/carousel.d.ts

@@ -19,8 +19,8 @@ declare function CarouselContent({ className, ...props }: CarouselContentProps):
 type CarouselItemProps = React.ComponentProps<"div">;
 declare function CarouselItem({ className, ...props }: CarouselItemProps): import("react/jsx-runtime").JSX.Element;
 type CarouselPreviousProps = React.ComponentProps<typeof Button>;
-declare function CarouselPrevious({ className, size, variant, ...props }: CarouselPreviousProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, size, variant, children, ...props }: CarouselPreviousProps): import("react/jsx-runtime").JSX.Element;
 type CarouselNextProps = React.ComponentProps<typeof Button>;
-declare function CarouselNext({ className, size, variant, ...props }: CarouselNextProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, size, variant, children, ...props }: CarouselNextProps): import("react/jsx-runtime").JSX.Element;
 export { Carousel as CarouselRoot, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
 export type { CarouselProps as CarouselRootProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps, };

package/dist/components/carousel/carousel.js

@@ -3,7 +3,7 @@ import { ArrowRight, ArrowLeft } from 'lucide-react';
 import * as React from 'react';
 import { cn } from 'tailwind-variants';
 import { Button } from '../button/index.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
 const CarouselContext = /*#__PURE__*/React.createContext(null);
 function useCarousel() {
@@ -120,6 +120,7 @@ function CarouselPrevious({
   className,
   size = "md",
   variant = "outline",
+  children,
   ...props
 }) {
   const {
@@ -127,7 +128,7 @@ function CarouselPrevious({
     scrollPrev,
     canScrollPrev
   } = useCarousel();
-  return /*#__PURE__*/jsxs(Button, {
+  return /*#__PURE__*/jsx(Button, {
     "data-slot": "carousel-previous",
     isDisabled: !canScrollPrev,
     size: size,
@@ -135,16 +136,14 @@ function CarouselPrevious({
     className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
     onClick: scrollPrev,
     ...props,
-    children: [/*#__PURE__*/jsx(ArrowLeft, {}), /*#__PURE__*/jsx("span", {
-      className: "sr-only",
-      children: "Previous slide"
-    })]
+    children: children ? children : /*#__PURE__*/jsx(ArrowLeft, {})
   });
 }
 function CarouselNext({
   className,
   size = "md",
   variant = "outline",
+  children,
   ...props
 }) {
   const {
@@ -152,7 +151,7 @@ function CarouselNext({
     scrollNext,
     canScrollNext
   } = useCarousel();
-  return /*#__PURE__*/jsxs(Button, {
+  return /*#__PURE__*/jsx(Button, {
     "data-slot": "carousel-next",
     isDisabled: !canScrollNext,
     size: size,
@@ -160,10 +159,7 @@ function CarouselNext({
     className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
     onClick: scrollNext,
     ...props,
-    children: [/*#__PURE__*/jsx(ArrowRight, {}), /*#__PURE__*/jsx("span", {
-      className: "sr-only",
-      children: "Next slide"
-    })]
+    children: children ? children : /*#__PURE__*/jsx(ArrowRight, {})
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arobo/react",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "private": false,
   "type": "module",
   "files": [