@arobo/react 1.1.0 → 1.1.1

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

@@ -1,5 +1,6 @@
+import type { UseEmblaCarouselType } from "embla-carousel-react";
+import useEmblaCarousel from "embla-carousel-react";
 import * as React from "react";
-import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
 import { Button } from "../button";
 export type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
@@ -11,20 +12,15 @@ type CarouselProps = {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
-export type CarouselRootProps = React.ComponentProps<"div"> & CarouselProps;
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: CarouselRootProps): import("react/jsx-runtime").JSX.Element;
-export type CarouselContentProps = React.ComponentProps<"div">;
+type CarouselRootProps = React.ComponentProps<"div"> & CarouselProps;
+declare function Carousel({ children, className, opts, orientation, plugins, setApi, ...props }: CarouselRootProps): import("react/jsx-runtime").JSX.Element;
+type CarouselContentProps = React.ComponentProps<"div">;
 declare function CarouselContent({ className, ...props }: CarouselContentProps): import("react/jsx-runtime").JSX.Element;
-export type CarouselItemProps = React.ComponentProps<"div">;
+type CarouselItemProps = React.ComponentProps<"div">;
 declare function CarouselItem({ className, ...props }: CarouselItemProps): import("react/jsx-runtime").JSX.Element;
-export type CarouselPreviousProps = React.ComponentProps<typeof Button>;
-declare function CarouselPrevious({ className, variant, size, ...props }: CarouselPreviousProps): import("react/jsx-runtime").JSX.Element;
-export type CarouselNextProps = React.ComponentProps<typeof Button>;
-declare function CarouselNext({ className, variant, size, ...props }: CarouselNextProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof Carousel & {
-    Content: typeof CarouselContent;
-    Item: typeof CarouselItem;
-    Previous: typeof CarouselPrevious;
-    Next: typeof CarouselNext;
-};
-export default _default;
+type CarouselPreviousProps = React.ComponentProps<typeof Button>;
+declare function CarouselPrevious({ className, size, variant, ...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;
+export { Carousel as CarouselRoot, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+export type { CarouselProps as CarouselRootProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps, };

package/dist/components/carousel/carousel.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { ArrowRight, ArrowLeft } from 'lucide-react';
-import { Button } from '../button/index.js';
+import * as React from 'react';
 import { cn } from 'tailwind-variants';
+import { Button } from '../button/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const CarouselContext = /*#__PURE__*/React.createContext(null);
@@ -14,12 +14,12 @@ function useCarousel() {
   return context;
 }
 function Carousel({
-  orientation = "horizontal",
+  children,
+  className,
   opts,
-  setApi,
+  orientation = "horizontal",
   plugins,
-  className,
-  children,
+  setApi,
   ...props
 }) {
   const [carouselRef, api] = useEmblaCarousel({
@@ -73,11 +73,11 @@ function Carousel({
       canScrollNext
     },
     children: /*#__PURE__*/jsx("div", {
-      onKeyDownCapture: handleKeyDown,
-      className: cn("relative", className),
-      role: "region",
       "aria-roledescription": "carousel",
+      className: cn("relative", className),
       "data-slot": "carousel",
+      role: "region",
+      onKeyDownCapture: handleKeyDown,
       ...props,
       children: children
     })
@@ -109,17 +109,17 @@ function CarouselItem({
     orientation
   } = useCarousel();
   return /*#__PURE__*/jsx("div", {
-    role: "group",
     "aria-roledescription": "slide",
     "data-slot": "carousel-item",
+    role: "group",
     className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
     ...props
   });
 }
 function CarouselPrevious({
   className,
-  variant = "outline",
   size = "md",
+  variant = "outline",
   ...props
 }) {
   const {
@@ -129,10 +129,10 @@ function CarouselPrevious({
   } = useCarousel();
   return /*#__PURE__*/jsxs(Button, {
     "data-slot": "carousel-previous",
-    variant: variant,
+    isDisabled: !canScrollPrev,
     size: size,
+    variant: variant,
     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),
-    isDisabled: !canScrollPrev,
     onClick: scrollPrev,
     ...props,
     children: [/*#__PURE__*/jsx(ArrowLeft, {}), /*#__PURE__*/jsx("span", {
@@ -143,8 +143,8 @@ function CarouselPrevious({
 }
 function CarouselNext({
   className,
-  variant = "outline",
   size = "md",
+  variant = "outline",
   ...props
 }) {
   const {
@@ -154,10 +154,10 @@ function CarouselNext({
   } = useCarousel();
   return /*#__PURE__*/jsxs(Button, {
     "data-slot": "carousel-next",
-    variant: variant,
+    isDisabled: !canScrollNext,
     size: size,
+    variant: variant,
     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),
-    isDisabled: !canScrollNext,
     onClick: scrollNext,
     ...props,
     children: [/*#__PURE__*/jsx(ArrowRight, {}), /*#__PURE__*/jsx("span", {
@@ -166,11 +166,5 @@ function CarouselNext({
     })]
   });
 }
-var carousel = Object.assign(Carousel, {
-  Content: CarouselContent,
-  Item: CarouselItem,
-  Previous: CarouselPrevious,
-  Next: CarouselNext
-});
 
-export { carousel as default };
+export { CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Carousel as CarouselRoot };

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

@@ -1,2 +1,17 @@
-export { default } from "./carousel";
+import { CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselRoot } from "./carousel";
+export declare const Carousel: typeof CarouselRoot & {
+    Content: typeof CarouselContent;
+    Item: typeof CarouselItem;
+    Previous: typeof CarouselPrevious;
+    Next: typeof CarouselNext;
+};
+export type Carousel = {
+    Props: React.ComponentProps<typeof CarouselRoot>;
+    RootProps: React.ComponentProps<typeof CarouselRoot>;
+    ContentProps: React.ComponentProps<typeof CarouselContent>;
+    ItemProps: React.ComponentProps<typeof CarouselItem>;
+    PreviousProps: React.ComponentProps<typeof CarouselPrevious>;
+    NextProps: React.ComponentProps<typeof CarouselNext>;
+};
+export { CarouselRoot, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
 export type { CarouselApi, CarouselRootProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps, } from "./carousel";

package/dist/components/carousel/index.js

@@ -1 +1,10 @@
-export { default } from './carousel.js';
+import { CarouselRoot as Carousel$1, CarouselNext, CarouselPrevious, CarouselItem, CarouselContent } from './carousel.js';
+
+const Carousel = Object.assign(Carousel$1, {
+  Content: CarouselContent,
+  Item: CarouselItem,
+  Previous: CarouselPrevious,
+  Next: CarouselNext
+});
+
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Carousel$1 as CarouselRoot };

package/dist/index.js

@@ -131,6 +131,8 @@ export { ToastActionButton, ToastCloseButton, ToastContainer, ToastContent, Toas
 export { ToastQueue, toast, toastQueue } from './components/toast/toast-queue.js';
 export { Separator } from './components/separator/index.js';
 export { SeparatorRoot } from './components/separator/separator.js';
+export { Carousel } from './components/carousel/index.js';
+export { CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselRoot } from './components/carousel/carousel.js';
 export { useScrollShadow } from './components/scroll-shadow/use-scroll-shadow.js';
 export { ScrollShadow } from './components/scroll-shadow/index.js';
 export { ScrollShadowRoot } from './components/scroll-shadow/scroll-shadow.js';

package/package.json

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