@egose/shadcn-theme 0.0.62 → 0.1.0

package/components/ui/card.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/card.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\n\nimport { cn } from '../../utils/ui';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('rounded-xl border bg-card text-card-foreground shadow', className)} {...props} />\n));\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props} />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />,\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AAIvB,IAAM,OAAa,iBAAiE,CAAC,IAAyB,QAAK;AAA9B,eAAE,YALvF,IAKqF,IAAgB,kBAAhB,IAAgB,CAAd;AACrF,6CAAC,wBAAI,KAAU,WAAW,GAAG,yDAAyD,SAAS,KAAO,MAAO;AAAA,CAC9G;AACD,KAAK,cAAc;AAEnB,IAAM,aAAmB;AAAA,EACvB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YAXL,IAWG,IAAgB,kBAAhB,IAAgB,CAAd;AACD,+CAAC,wBAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,KAAO,MAAO;AAAA;AAEzF;AACA,WAAW,cAAc;AAEzB,IAAM,YAAkB;AAAA,EACtB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YAlBL,IAkBG,IAAgB,kBAAhB,IAAgB,CAAd;AACD,+CAAC,wBAAI,KAAU,WAAW,GAAG,6CAA6C,SAAS,KAAO,MAAO;AAAA;AAErG;AACA,UAAU,cAAc;AAExB,IAAM,kBAAwB;AAAA,EAC5B,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YAzBL,IAyBG,IAAgB,kBAAhB,IAAgB,CAAd;AACD,+CAAC,wBAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,KAAO,MAAO;AAAA;AAEzF;AACA,gBAAgB,cAAc;AAE9B,IAAM,cAAoB;AAAA,EACxB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YAhCL,IAgCG,IAAgB,kBAAhB,IAAgB,CAAd;AAA+B,+CAAC,wBAAI,KAAU,WAAW,GAAG,YAAY,SAAS,KAAO,MAAO;AAAA;AACpG;AACA,YAAY,cAAc;AAE1B,IAAM,aAAmB;AAAA,EACvB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YArCL,IAqCG,IAAgB,kBAAhB,IAAgB,CAAd;AACD,+CAAC,wBAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,KAAO,MAAO;AAAA;AAEtF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../components/ui/card.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { cn } from '../../utils/ui';\n\nfunction Card({ className, size = 'default', ...props }: React.ComponentProps<'div'> & { size?: 'default' | 'sm' }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm cn-font-heading', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-4 group-data-[size=sm]/card:px-3', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AAGvB,SAAS,KAAK,IAAsG;AAAtG,eAAE,aAAW,OAAO,UAJlC,IAIc,IAAkC,kBAAlC,IAAkC,CAAhC,aAAW;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAlBtB,IAkBoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,IAAsD;AAAtD,eAAE,YA/BrB,IA+BmB,IAAgB,kBAAhB,IAAgB,CAAd;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wFAAwF,SAAS;AAAA,OAC3G;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,IAAsD;AAAtD,eAAE,YAzC3B,IAyCyB,IAAgB,kBAAhB,IAAgB,CAAd;AACzB,SAAO,oCAAC,wBAAI,aAAU,oBAAmB,WAAW,GAAG,iCAAiC,SAAS,KAAO,MAAO;AACjH;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YA7CtB,IA6CoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kEAAkE,SAAS;AAAA,OACrF;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,IAAsD;AAAtD,eAAE,YAvDvB,IAuDqB,IAAgB,kBAAhB,IAAgB,CAAd;AACrB,SAAO,oCAAC,wBAAI,aAAU,gBAAe,WAAW,GAAG,uCAAuC,SAAS,KAAO,MAAO;AACnH;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YA3DtB,IA2DoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yFAAyF,SAAS;AAAA,OAC5G;AAAA,EACN;AAEJ;","names":[]}

package/components/ui/carousel.d.mts

@@ -1,6 +1,7 @@
-import { ButtonProps } from './button.mjs';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button.mjs';
+import 'class-variance-authority/types';
 import 'class-variance-authority';
 
 type CarouselApi = UseEmblaCarouselType[1];
@@ -13,10 +14,19 @@ type CarouselProps = {
     orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
 };
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };

package/components/ui/carousel.d.ts

@@ -1,6 +1,7 @@
-import { ButtonProps } from './button.js';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
 import 'class-variance-authority';
 
 type CarouselApi = UseEmblaCarouselType[1];
@@ -13,10 +14,19 @@ type CarouselProps = {
     orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
 };
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };

package/components/ui/carousel.js

@@ -2,8 +2,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkOFRRRK4Njs = require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+var _chunkKB6BX6LAjs = require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -25,171 +25,175 @@ function useCarousel() {
   }
   return context;
 }
-var Carousel = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { orientation = "horizontal", opts, setApi, plugins, className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
-    const [carouselRef, api] = _emblacarouselreact2.default.call(void 0, 
-      _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, opts), {
-        axis: orientation === "horizontal" ? "x" : "y"
-      }),
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api2) => {
-      if (!api2) {
-        return;
+function Carousel(_a) {
+  var _b = _a, {
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "orientation",
+    "opts",
+    "setApi",
+    "plugins",
+    "className",
+    "children"
+  ]);
+  const [carouselRef, api] = _emblacarouselreact2.default.call(void 0, 
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, opts), {
+      axis: orientation === "horizontal" ? "x" : "y"
+    }),
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React.useCallback(() => {
+    api == null ? void 0 : api.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api == null ? void 0 : api.scrollNext();
+  }, [api]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
       }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-      api == null ? void 0 : api.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-      api == null ? void 0 : api.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React.useEffect(() => {
-      if (!api || !setApi) {
-        return;
+    },
+    [scrollPrev, scrollNext]
+  );
+  React.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api == null ? void 0 : api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ React.createElement(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
       }
-      setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-      if (!api) {
-        return;
-      }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api == null ? void 0 : api.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ React.createElement(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-          ref,
-          onKeyDownCapture: handleKeyDown,
-          className: _chunkPSPAJNNBjs.cn.call(void 0, "relative", className),
-          role: "region",
-          "aria-roledescription": "carousel"
-        }, props),
-        children
-      )
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ React.createElement("div", { ref: carouselRef, className: "overflow-hidden" }, /* @__PURE__ */ React.createElement(
-      "div",
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        className: _chunkPSPAJNNBjs.cn.call(void 0, "flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
-      }, props)
-    ));
-  }
-);
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    const { orientation } = useCarousel();
-    return /* @__PURE__ */ React.createElement(
+    },
+    /* @__PURE__ */ React.createElement(
       "div",
       _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        role: "group",
-        "aria-roledescription": "slide",
-        className: _chunkPSPAJNNBjs.cn.call(void 0, "min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)
-      }, props)
-    );
-  }
-);
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant = "light", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ React.createElement(
-      _chunkOFRRRK4Njs.Button,
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        variant,
-        size,
-        className: _chunkPSPAJNNBjs.cn.call(void 0, 
-          "absolute  h-8 w-8 rounded-full",
-          orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-          className
-        ),
-        disabled: !canScrollPrev,
-        onClick: scrollPrev
+        onKeyDownCapture: handleKeyDown,
+        className: _chunkPSPAJNNBjs.cn.call(void 0, "relative", className),
+        role: "region",
+        "aria-roledescription": "carousel",
+        "data-slot": "carousel"
       }, props),
-      /* @__PURE__ */ React.createElement(_lucidereact.ArrowLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Previous slide")
-    );
-  }
-);
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant = "light", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ React.createElement(
-      _chunkOFRRRK4Njs.Button,
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        variant,
-        size,
-        className: _chunkPSPAJNNBjs.cn.call(void 0, 
-          "absolute h-8 w-8 rounded-full",
-          orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-          className
-        ),
-        disabled: !canScrollNext,
-        onClick: scrollNext
-      }, props),
-      /* @__PURE__ */ React.createElement(_lucidereact.ArrowRight, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Next slide")
-    );
-  }
-);
-CarouselNext.displayName = "CarouselNext";
+      children
+    )
+  );
+}
+function CarouselContent(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ React.createElement("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content" }, /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { className: _chunkPSPAJNNBjs.cn.call(void 0, "flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props)));
+}
+function CarouselItem(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)
+    }, props)
+  );
+}
+function CarouselPrevious(_a) {
+  var _b = _a, {
+    className,
+    variant = "secondary",
+    size = "icon-sm"
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ React.createElement(
+    _chunkKB6BX6LAjs.Button,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "rounded-full absolute touch-manipulation",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev
+    }, props),
+    /* @__PURE__ */ React.createElement(_lucidereact.ChevronLeftIcon, { className: "cn-rtl-flip" }),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Previous slide")
+  );
+}
+function CarouselNext(_a) {
+  var _b = _a, {
+    className,
+    variant = "secondary",
+    size = "icon-sm"
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ React.createElement(
+    _chunkKB6BX6LAjs.Button,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "rounded-full absolute touch-manipulation",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext
+    }, props),
+    /* @__PURE__ */ React.createElement(_lucidereact.ChevronRightIcon, { className: "cn-rtl-flip" }),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Next slide")
+  );
+}
+
 
 
 
 
 
 
-exports.Carousel = Carousel; exports.CarouselContent = CarouselContent; exports.CarouselItem = CarouselItem; exports.CarouselNext = CarouselNext; exports.CarouselPrevious = CarouselPrevious;
+exports.Carousel = Carousel; exports.CarouselContent = CarouselContent; exports.CarouselItem = CarouselItem; exports.CarouselNext = CarouselNext; exports.CarouselPrevious = CarouselPrevious; exports.useCarousel = useCarousel;
 //# sourceMappingURL=carousel.js.map

package/components/ui/carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/carousel.js","../../../components/ui/carousel.tsx"],"names":["api"],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/carousel.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeft, ArrowRight } from 'lucide-react';\n\nimport { cn } from '../../utils/ui';\nimport { Button } from './button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: 'horizontal' | 'vertical';\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />');\n  }\n\n  return context;\n}\n\nconst Carousel = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & CarouselProps>(\n  ({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === 'horizontal' ? 'x' : 'y',\n      },\n      plugins,\n    );\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n    const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return;\n      }\n\n      setCanScrollPrev(api.canScrollPrev());\n      setCanScrollNext(api.canScrollNext());\n    }, []);\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev();\n    }, [api]);\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext();\n    }, [api]);\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          scrollPrev();\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          scrollNext();\n        }\n      },\n      [scrollPrev, scrollNext],\n    );\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return;\n      }\n\n      setApi(api);\n    }, [api, setApi]);\n\n    React.useEffect(() => {\n      if (!api) {\n        return;\n      }\n\n      onSelect(api);\n      api.on('reInit', onSelect);\n      api.on('select', onSelect);\n\n      return () => {\n        api?.off('select', onSelect);\n      };\n    }, [api, onSelect]);\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn('relative', className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    );\n  },\n);\nCarousel.displayName = 'Carousel';\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { carouselRef, orientation } = useCarousel();\n\n    return (\n      <div ref={carouselRef} className=\"overflow-hidden\">\n        <div\n          ref={ref}\n          className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\nCarouselContent.displayName = 'CarouselContent';\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useCarousel();\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n        {...props}\n      />\n    );\n  },\n);\nCarouselItem.displayName = 'CarouselItem';\n\nconst CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n  ({ className, variant = 'light', size = 'icon', ...props }, ref) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          'absolute  h-8 w-8 rounded-full',\n          orientation === 'horizontal'\n            ? '-left-12 top-1/2 -translate-y-1/2'\n            : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n          className,\n        )}\n        disabled={!canScrollPrev}\n        onClick={scrollPrev}\n        {...props}\n      >\n        <ArrowLeft className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    );\n  },\n);\nCarouselPrevious.displayName = 'CarouselPrevious';\n\nconst CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n  ({ className, variant = 'light', size = 'icon', ...props }, ref) => {\n    const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          'absolute h-8 w-8 rounded-full',\n          orientation === 'horizontal'\n            ? '-right-12 top-1/2 -translate-y-1/2'\n            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n          className,\n        )}\n        disabled={!canScrollNext}\n        onClick={scrollNext}\n        {...props}\n      >\n        <ArrowRight className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    );\n  },\n);\nCarouselNext.displayName = 'CarouselNext';\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/carousel.js","../../../components/ui/carousel.tsx"],"names":["api"],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/carousel.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\n\nimport { cn } from '../../utils/ui';\nimport { Button } from './button';\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: 'horizontal' | 'vertical';\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />');\n  }\n\n  return context;\n}\n\nfunction Carousel({\n  orientation = 'horizontal',\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n    },\n    plugins,\n  );\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on('reInit', onSelect);\n    api.on('select', onSelect);\n\n    return () => {\n      api?.off('select', onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn('relative', className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props} />\n    </div>\n  );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = 'secondary',\n  size = 'icon-sm',\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'rounded-full absolute touch-manipulation',\n        orientation === 'horizontal'\n          ? 'top-1/2 -left-12 -translate-y-1/2'\n          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"cn-rtl-flip\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\nfunction CarouselNext({\n  className,\n  variant = 'secondary',\n  size = 'icon-sm',\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'rounded-full absolute touch-manipulation',\n        orientation === 'horizontal'\n          ? 'top-1/2 -right-12 -translate-y-1/2'\n          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ChevronRightIcon className=\"cn-rtl-flip\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel };\n"]}