@bigbinary/neeto-atoms 1.0.36 → 1.0.38

package/dist/primitives/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../src/shadcn/components/card.tsx","../../src/primitives/Card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 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\",\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        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\",\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(\n        \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import type React from \"react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Card as ShadcnCard,\n  CardHeader as ShadcnCardHeader,\n  CardFooter as ShadcnCardFooter,\n  CardTitle as ShadcnCardTitle,\n  CardAction as ShadcnCardAction,\n  CardDescription as ShadcnCardDescription,\n  CardContent as ShadcnCardContent,\n} from \"src/shadcn/components/card\";\n\nconst Card = (props: React.ComponentProps<typeof ShadcnCard>) => (\n  <ShadcnCard {...props} />\n);\n\nconst CardHeader = (props: React.ComponentProps<typeof ShadcnCardHeader>) => (\n  <ShadcnCardHeader {...props} />\n);\n\nconst CardFooter = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ShadcnCardFooter>) => (\n  <ShadcnCardFooter className={cn(\"border-border\", className)} {...props} />\n);\n\nconst CardTitle = (props: React.ComponentProps<typeof ShadcnCardTitle>) => (\n  <ShadcnCardTitle {...props} />\n);\n\nconst CardAction = (props: React.ComponentProps<typeof ShadcnCardAction>) => (\n  <ShadcnCardAction {...props} />\n);\n\nconst CardDescription = (\n  props: React.ComponentProps<typeof ShadcnCardDescription>\n) => <ShadcnCardDescription {...props} />;\n\nconst CardContent = (props: React.ComponentProps<typeof ShadcnCardContent>) => (\n  <ShadcnCardContent {...props} />\n);\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"names":["Card","_jsx","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter","ShadcnCard","ShadcnCardHeader","ShadcnCardFooter","ShadcnCardTitle","ShadcnCardAction","ShadcnCardDescription","ShadcnCardContent"],"mappings":";;;AAIA,SAASA,MAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD,EAAA;AAC1D,IAAA,QACEC,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,MAAM,eACL,IAAI,EACf,SAAS,EAAE,EAAE,CACX,sVAAsV,EACtV,SAAS,CACV,KACG,KAAK,EAAA,CACT;AAEN;AAEA,SAASC,YAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACtE,IAAA,QACED,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,oSAAoS,EACpS,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAASE,WAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACrE,IAAA,QACEF,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAASG,iBAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AAC3E,IAAA,QACEH,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,EAAA,GACrD,KAAK,EAAA,CACT;AAEN;AAEA,SAASI,YAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACtE,IAAA,QACEJ,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAASK,aAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACvE,IAAA,QACEL,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,EAAA,GAC3D,KAAK,EAAA,CACT;AAEN;AAEA,SAASM,YAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACtE,IAAA,QACEN,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;;AChFA,MAAM,IAAI,GAAG,CAAC,KAA8C,MAC1DA,GAAA,CAACO,MAAU,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAG3B,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEP,GAAA,CAACQ,YAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACsC,MAC9CR,GAAA,CAACS,YAAgB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;AAG5E,MAAM,SAAS,GAAG,CAAC,KAAmD,MACpET,GAAA,CAACU,WAAe,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGhC,MAAM,UAAU,GAAG,CAAC,KAAoD,MACtEV,GAAA,CAACW,YAAgB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AAGjC,MAAM,eAAe,GAAG,CACtB,KAAyD,KACtDX,GAAA,CAACY,iBAAqB,EAAA,EAAA,GAAK,KAAK,EAAA;AAErC,MAAM,WAAW,GAAG,CAAC,KAAqD,MACxEZ,GAAA,CAACa,aAAiB,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;;;;"}
+{"version":3,"file":"Card.js","sources":["../../src/shadcn/components/card.tsx","../../src/primitives/Card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 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\",\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        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\",\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(\n        \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import type React from \"react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Card as ShadcnCard,\n  CardHeader as ShadcnCardHeader,\n  CardFooter as ShadcnCardFooter,\n  CardTitle as ShadcnCardTitle,\n  CardAction as ShadcnCardAction,\n  CardDescription as ShadcnCardDescription,\n  CardContent as ShadcnCardContent,\n} from \"src/shadcn/components/card\";\n\nconst Card = (props: React.ComponentProps<typeof ShadcnCard>) => (\n  <ShadcnCard {...props} />\n);\n\nconst CardHeader = (props: React.ComponentProps<typeof ShadcnCardHeader>) => (\n  <ShadcnCardHeader {...props} />\n);\n\nconst CardFooter = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ShadcnCardFooter>) => (\n  <ShadcnCardFooter className={cn(\"border-border\", className)} {...props} />\n);\n\nconst CardTitle = (props: React.ComponentProps<typeof ShadcnCardTitle>) => (\n  <ShadcnCardTitle {...props} />\n);\n\nconst CardAction = (props: React.ComponentProps<typeof ShadcnCardAction>) => (\n  <ShadcnCardAction {...props} />\n);\n\nconst CardDescription = (\n  props: React.ComponentProps<typeof ShadcnCardDescription>\n) => <ShadcnCardDescription {...props} />;\n\nconst CardContent = (props: React.ComponentProps<typeof ShadcnCardContent>) => (\n  <ShadcnCardContent {...props} />\n);\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"names":["Card","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter","ShadcnCard","ShadcnCardHeader","ShadcnCardFooter","ShadcnCardTitle","ShadcnCardAction","ShadcnCardDescription","ShadcnCardContent"],"mappings":"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"}

package/dist/primitives/Carousel.js

@@ -2,11 +2,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { B as Button } from '../button-D6uWDFCs.js';
+import { c as cn } from '../utils-BJnb9o5c.js';
+import { B as Button } from '../button-CrEMzWKw.js';
 import { C as ChevronRight } from '../chevron-right-DQnrO-ek.js';
 import { C as ChevronLeft } from '../chevron-left-BDoT8E2-.js';
-import '../index-D7Zy7P05.js';
+import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
 import '../createLucideIcon-C8ycilSN.js';
@@ -1750,95 +1750,197 @@ useEmblaCarousel.globalOptions = undefined;
 
 const CarouselContext = React.createContext(null);
 function useCarousel() {
-    const context = React.useContext(CarouselContext);
-    if (!context) {
-        throw new Error("useCarousel must be used within a <Carousel />");
-    }
-    return context;
-}
-function Carousel$1({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
-    const [carouselRef, api] = useEmblaCarousel({
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
-    }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api)
-            return;
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-        api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-        api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === "ArrowRight") {
-            event.preventDefault();
-            scrollNext();
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel$1({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...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?.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    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;
+    setApi(api);
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
         }
-    }, [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?.off("select", onSelect);
-        };
-    }, [api, onSelect]);
-    return (jsx(CarouselContext.Provider, { value: {
-            carouselRef,
-            api: api,
-            opts,
-            orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-        }, children: jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
+      )
+    }
+  );
 }
 function CarouselContent$1({ className, ...props }) {
-    const { carouselRef, orientation } = useCarousel();
-    return (jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col", className), ...props }) }));
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
 }
 function CarouselItem$1({ className, ...props }) {
-    const { orientation } = useCarousel();
-    return (jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "ps-4" : "pt-4", className), ...props }));
-}
-function CarouselPrevious$1({ className, variant = "outline", size = "icon-sm", ...props }) {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    const { t } = useTranslation();
-    return (jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
-            ? "top-1/2 -start-12 -translate-y-1/2"
-            : "-top-12 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [jsx(ChevronLeft, { className: "rtl:rotate-180" }), jsx("span", { className: "sr-only", children: t("neetoatoms.carousel.previousSlide", "Previous slide") })] }));
-}
-function CarouselNext$1({ className, variant = "outline", size = "icon-sm", ...props }) {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    const { t } = useTranslation();
-    return (jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
-            ? "top-1/2 -end-12 -translate-y-1/2"
-            : "-bottom-12 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [jsx(ChevronRight, { className: "rtl:rotate-180" }), jsx("span", { className: "sr-only", children: t("neetoatoms.carousel.nextSlide", "Next slide") })] }));
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "ps-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious$1({
+  className,
+  variant = "outline",
+  size = "icon-sm",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute touch-manipulation rounded-full",
+        orientation === "horizontal" ? "top-1/2 -start-12 -translate-y-1/2" : "-top-12 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeft, { className: "rtl:rotate-180" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("neetoatoms.carousel.previousSlide", "Previous slide") })
+      ]
+    }
+  );
+}
+function CarouselNext$1({
+  className,
+  variant = "outline",
+  size = "icon-sm",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute touch-manipulation rounded-full",
+        orientation === "horizontal" ? "top-1/2 -end-12 -translate-y-1/2" : "-bottom-12 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronRight, { className: "rtl:rotate-180" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("neetoatoms.carousel.nextSlide", "Next slide") })
+      ]
+    }
+  );
 }
 
-const Carousel = (props) => (jsx(Carousel$1, { ...props }));
-const CarouselContent = (props) => jsx(CarouselContent$1, { ...props });
-const CarouselItem = (props) => jsx(CarouselItem$1, { ...props });
-const CarouselPrevious = (props) => jsx(CarouselPrevious$1, { ...props });
-const CarouselNext = (props) => jsx(CarouselNext$1, { ...props });
+const Carousel = (props) => /* @__PURE__ */ jsx(Carousel$1, { ...props });
+const CarouselContent = (props) => /* @__PURE__ */ jsx(CarouselContent$1, { ...props });
+const CarouselItem = (props) => /* @__PURE__ */ jsx(CarouselItem$1, { ...props });
+const CarouselPrevious = (props) => /* @__PURE__ */ jsx(CarouselPrevious$1, { ...props });
+const CarouselNext = (props) => /* @__PURE__ */ jsx(CarouselNext$1, { ...props });
 
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
 //# sourceMappingURL=Carousel.js.map