@codefast/ui 0.0.27 → 0.0.28

package/dist/carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"./utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\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} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n  (\n    { __scopeCarousel, orientation, opts, setApi, plugins, className, children, ...props }: ScopedProps<CarouselProps>,\n    ref,\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      },\n      plugins,\n    );\n\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n    const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n    const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n      if (!carouselApi) {\n        return;\n      }\n\n      setCanScrollPrev(carouselApi.canScrollPrev());\n      setCanScrollNext(carouselApi.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      <CarouselProvider\n        scope={__scopeCarousel}\n        carouselRef={carouselRef}\n        api={api}\n        opts={opts}\n        orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n        scrollPrev={scrollPrev}\n        scrollNext={scrollNext}\n        canScrollPrev={canScrollPrev}\n        canScrollNext={canScrollNext}\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      </CarouselProvider>\n    );\n  },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\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);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\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);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n    ref,\n  ) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowLeftIcon className=\"size-4\" />\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n    ref,\n  ) => {\n    const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowRightIcon className=\"size-4\" />\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselProps,\n  type CarouselContentProps,\n  type CarouselItemProps,\n  type CarouselPreviousProps,\n  type CarouselNextProps,\n};\n"]}
+{"version":3,"sources":["../src/carousel.tsx"],"names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","CAROUSEL_NEXT_NAME","CarouselNext"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"./utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\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} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n  (\n    { __scopeCarousel, orientation, opts, setApi, plugins, className, children, ...props }: ScopedProps<CarouselProps>,\n    ref,\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      },\n      plugins,\n    );\n\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n    const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n    const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n      if (!carouselApi) {\n        return;\n      }\n\n      setCanScrollPrev(carouselApi.canScrollPrev());\n      setCanScrollNext(carouselApi.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      <CarouselProvider\n        scope={__scopeCarousel}\n        carouselRef={carouselRef}\n        api={api}\n        opts={opts}\n        orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n        scrollPrev={scrollPrev}\n        scrollNext={scrollNext}\n        canScrollPrev={canScrollPrev}\n        canScrollNext={canScrollNext}\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      </CarouselProvider>\n    );\n  },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\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);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\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);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n    ref,\n  ) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowLeftIcon className=\"size-4\" />\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n    ref,\n  ) => {\n    const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowRightIcon className=\"size-4\" />\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselProps,\n  type CarouselContentProps,\n  type CarouselItemProps,\n  type CarouselPreviousProps,\n  type CarouselNextProps,\n};\n"]}

package/dist/carousel.mjs

@@ -1,194 +1,2 @@
-"use client";
-import {
-  Button
-} from "./chunk-U6VR5RJ5.mjs";
-import "./chunk-73S45XV3.mjs";
-import {
-  cn
-} from "./chunk-UG3URV2Z.mjs";
-
-// src/carousel.tsx
-import * as React from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
-import { createContextScope } from "@radix-ui/react-context";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CAROUSEL_NAME = "Carousel";
-var [createCarouselContext] = createContextScope(CAROUSEL_NAME);
-var [CarouselProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
-var Carousel = React.forwardRef(
-  ({ __scopeCarousel, orientation, opts, setApi, plugins, className, children, ...props }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "vertical" ? "y" : "x"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((carouselApi) => {
-      if (!carouselApi) {
-        return;
-      }
-      setCanScrollPrev(carouselApi.canScrollPrev());
-      setCanScrollNext(carouselApi.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(
-      CarouselProvider,
-      {
-        scope: __scopeCarousel,
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation ?? (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = CAROUSEL_NAME;
-var CAROUSEL_CONTENT_NAME = "CarouselContent";
-var CarouselContent = React.forwardRef(
-  ({ __scopeCarousel, className, ...props }, ref) => {
-    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
-    return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
-        ...props
-      }
-    ) });
-  }
-);
-CarouselContent.displayName = CAROUSEL_CONTENT_NAME;
-var CAROUSEL_ITEM_NAME = "CarouselItem";
-var CarouselItem = React.forwardRef(
-  ({ __scopeCarousel, className, ...props }, ref) => {
-    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "aria-roledescription": "slide",
-        className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
-        ...props
-      }
-    );
-  }
-);
-CarouselItem.displayName = CAROUSEL_ITEM_NAME;
-var CAROUSEL_PREVIOUS_NAME = "CarouselPrevious";
-var CarouselPrevious = React.forwardRef(
-  ({ __scopeCarousel, className, variant = "outline", size = "icon", ...props }, ref) => {
-    const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref,
-        variant,
-        size,
-        className: cn(
-          "absolute size-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,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-        ]
-      }
-    );
-  }
-);
-CarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;
-var CAROUSEL_NEXT_NAME = "CarouselNext";
-var CarouselNext = React.forwardRef(
-  ({ __scopeCarousel, className, variant = "outline", size = "icon", ...props }, ref) => {
-    const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref,
-        variant,
-        size,
-        className: cn(
-          "absolute size-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,
-        children: [
-          /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-        ]
-      }
-    );
-  }
-);
-CarouselNext.displayName = CAROUSEL_NEXT_NAME;
-export {
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious
-};
+"use client";import{b as d}from"./chunk-VDYNVLXR.mjs";import"./chunk-TMXZMQRK.mjs";import{b as i}from"./chunk-JTI7KCLO.mjs";import*as e from"react";import h from"embla-carousel-react";import{ArrowLeftIcon as z,ArrowRightIcon as H}from"@radix-ui/react-icons";import{createContextScope as B}from"@radix-ui/react-context";import{jsx as n,jsxs as b}from"react/jsx-runtime";var N="Carousel",[D]=B(N),[U,f]=D(N),_=e.forwardRef(({__scopeCarousel:l,orientation:s,opts:r,setApi:t,plugins:a,className:c,children:p,...C},m)=>{let[T,o]=h({...r,axis:s==="vertical"?"y":"x"},a),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{o?.scrollPrev()},[o]),v=e.useCallback(()=>{o?.scrollNext()},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),n(U,{scope:l,carouselRef:T,api:o,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:y,scrollNext:v,canScrollPrev:L,canScrollNext:M,children:n("div",{ref:m,onKeyDownCapture:I,className:i("relative",c),role:"region","aria-roledescription":"carousel",...C,children:p})})});_.displayName=N;var E="CarouselContent",g=e.forwardRef(({__scopeCarousel:l,className:s,...r},t)=>{let{carouselRef:a,orientation:c}=f(E,l);return n("div",{ref:a,className:"overflow-hidden",children:n("div",{ref:t,className:i("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",s),...r})})});g.displayName=E;var R="CarouselItem",k=e.forwardRef(({__scopeCarousel:l,className:s,...r},t)=>{let{orientation:a}=f(R,l);return n("div",{ref:t,role:"group","aria-roledescription":"slide",className:i("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",s),...r})});k.displayName=R;var x="CarouselPrevious",O=e.forwardRef(({__scopeCarousel:l,className:s,variant:r="outline",size:t="icon",...a},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,l);return b(d,{ref:c,variant:r,size:t,className:i("absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",s),disabled:!m,onClick:C,...a,children:[n(z,{className:"size-4"}),n("span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K=e.forwardRef(({__scopeCarousel:l,className:s,variant:r="outline",size:t="icon",...a},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,l);return b(d,{ref:c,variant:r,size:t,className:i("absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",s),disabled:!m,onClick:C,...a,children:[n(H,{className:"size-4"}),n("span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;export{_ as Carousel,g as CarouselContent,k as CarouselItem,K as CarouselNext,O as CarouselPrevious};
 //# sourceMappingURL=carousel.mjs.map

package/dist/carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"./utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\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} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n  (\n    { __scopeCarousel, orientation, opts, setApi, plugins, className, children, ...props }: ScopedProps<CarouselProps>,\n    ref,\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      },\n      plugins,\n    );\n\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n    const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n    const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n      if (!carouselApi) {\n        return;\n      }\n\n      setCanScrollPrev(carouselApi.canScrollPrev());\n      setCanScrollNext(carouselApi.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      <CarouselProvider\n        scope={__scopeCarousel}\n        carouselRef={carouselRef}\n        api={api}\n        opts={opts}\n        orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n        scrollPrev={scrollPrev}\n        scrollNext={scrollNext}\n        canScrollPrev={canScrollPrev}\n        canScrollNext={canScrollNext}\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      </CarouselProvider>\n    );\n  },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\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);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\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);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n    ref,\n  ) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowLeftIcon className=\"size-4\" />\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n    ref,\n  ) => {\n    const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowRightIcon className=\"size-4\" />\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselProps,\n  type CarouselContentProps,\n  type CarouselItemProps,\n  type CarouselPreviousProps,\n  type CarouselNextProps,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { cn } from \"./utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\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} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n  (\n    { __scopeCarousel, orientation, opts, setApi, plugins, className, children, ...props }: ScopedProps<CarouselProps>,\n    ref,\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      },\n      plugins,\n    );\n\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n    const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n    const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n      if (!carouselApi) {\n        return;\n      }\n\n      setCanScrollPrev(carouselApi.canScrollPrev());\n      setCanScrollNext(carouselApi.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      <CarouselProvider\n        scope={__scopeCarousel}\n        carouselRef={carouselRef}\n        api={api}\n        opts={opts}\n        orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n        scrollPrev={scrollPrev}\n        scrollNext={scrollNext}\n        canScrollPrev={canScrollPrev}\n        canScrollNext={canScrollNext}\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      </CarouselProvider>\n    );\n  },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\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);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n  ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\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);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselPreviousProps>,\n    ref,\n  ) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowLeftIcon className=\"size-4\" />\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n  (\n    { __scopeCarousel, className, variant = \"outline\", size = \"icon\", ...props }: ScopedProps<CarouselNextProps>,\n    ref,\n  ) => {\n    const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute size-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        <ArrowRightIcon className=\"size-4\" />\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    );\n  },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselProps,\n  type CarouselContentProps,\n  type CarouselItemProps,\n  type CarouselPreviousProps,\n  type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}

package/dist/checkbox-cards.js

@@ -1,52 +1,2 @@
-"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; } }"use client";
-
-
-
-
-var _chunkMOJNV3XZjs = require('./chunk-MOJNV3XZ.js');
-
-
-var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
-
-// src/checkbox-cards.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reacticons = require('@radix-ui/react-icons');
-var _jsxruntime = require('react/jsx-runtime');
-var CheckboxCards = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMOJNV3XZjs.Root, { className: _chunkG3NP7M2Njs.cn.call(void 0, "grid gap-2", className), ...props, ref });
-});
-CheckboxCards.displayName = _chunkMOJNV3XZjs.Root.displayName;
-var CheckboxCardsItem = React.forwardRef(
-  ({ className, children, checkboxClassName, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "label",
-      {
-        className: _chunkG3NP7M2Njs.cn.call(void 0, 
-          "border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4",
-          className
-        ),
-        children: [
-          children,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkMOJNV3XZjs.Item,
-            {
-              ref,
-              className: _chunkG3NP7M2Njs.cn.call(void 0, 
-                "border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                checkboxClassName
-              ),
-              ...props,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMOJNV3XZjs.CheckboxGroupIndicator, { className: "flex size-full items-center justify-center text-current", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-3.5" }) })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CheckboxCardsItem.displayName = _chunkMOJNV3XZjs.Item.displayName;
-
-
-
-exports.CheckboxCards = CheckboxCards; exports.CheckboxCardsItem = CheckboxCardsItem;
+"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; } }"use client";var _chunkIBJ5USORjs = require('./chunk-IBJ5USOR.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var C=a.forwardRef(({className:r,...t},i)=>_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.e,{className:_chunkQZCQ42BPjs.b.call(void 0, "grid gap-2",r),...t,ref:i}));C.displayName=_chunkIBJ5USORjs.e.displayName;var n=a.forwardRef(({className:r,children:t,checkboxClassName:i,...p},d)=>_jsxruntime.jsxs.call(void 0, "label",{className:_chunkQZCQ42BPjs.b.call(void 0, "border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4",r),children:[t,_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.f,{ref:d,className:_chunkQZCQ42BPjs.b.call(void 0, "border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})})]}));n.displayName=_chunkIBJ5USORjs.f.displayName;exports.CheckboxCards = C; exports.CheckboxCardsItem = n;
 //# sourceMappingURL=checkbox-cards.js.map

package/dist/checkbox-cards.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox-cards.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAYjB,cAkBH,YAlBG;AADT,IAAM,gBAAsB,iBAAqD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACjH,SAAO,oBAAwB,MAAvB,EAA4B,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AACnG,CAAC;AAED,cAAc,cAAqC,KAAK;AAYxD,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GAAG,QAAQ;AAC7D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACD;AAAA,YAAwB;AAAA,YAAvB;AAAA,cACC;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ,8BAAwB,wBAAvB,EAA8C,WAAU,2DACvD,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAqC,KAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n  checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n  ({ className, children, checkboxClassName, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            checkboxClassName,\n          )}\n          {...props}\n        >\n          <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n            <CheckIcon className=\"size-3.5\" />\n          </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n        </CheckboxGroupPrimitive.Item>\n      </label>\n    );\n  },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"]}
+{"version":3,"sources":["../src/checkbox-cards.tsx"],"names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator"],"mappings":"2GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,EAkBH,QAAAC,MAlBG,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGL,EAAwBM,EAAvB,CAA4B,UAAWC,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAK,CAClG,EAEDH,EAAc,YAAqCI,EAAK,YAYxD,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAL,EAAW,SAAAM,EAAU,kBAAAC,EAAmB,GAAGN,CAAM,EAAGC,IAEnDJ,EAAC,SACC,UAAWM,EACT,wGACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,+TACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAGN,EAEAS,EAAkB,YAAqCG,EAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n  checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n  ({ className, children, checkboxClassName, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            checkboxClassName,\n          )}\n          {...props}\n        >\n          <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n            <CheckIcon className=\"size-3.5\" />\n          </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n        </CheckboxGroupPrimitive.Item>\n      </label>\n    );\n  },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"]}

package/dist/checkbox-cards.mjs

@@ -1,52 +1,2 @@
-"use client";
-import {
-  CheckboxGroupIndicator,
-  Item,
-  Root
-} from "./chunk-JULVZPCS.mjs";
-import {
-  cn
-} from "./chunk-UG3URV2Z.mjs";
-
-// src/checkbox-cards.tsx
-import * as React from "react";
-import { CheckIcon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CheckboxCards = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Root, { className: cn("grid gap-2", className), ...props, ref });
-});
-CheckboxCards.displayName = Root.displayName;
-var CheckboxCardsItem = React.forwardRef(
-  ({ className, children, checkboxClassName, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: cn(
-          "border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4",
-          className
-        ),
-        children: [
-          children,
-          /* @__PURE__ */ jsx(
-            Item,
-            {
-              ref,
-              className: cn(
-                "border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                checkboxClassName
-              ),
-              ...props,
-              children: /* @__PURE__ */ jsx(CheckboxGroupIndicator, { className: "flex size-full items-center justify-center text-current", children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CheckboxCardsItem.displayName = Item.displayName;
-export {
-  CheckboxCards,
-  CheckboxCardsItem
-};
+"use client";import{d as m,e as c,f as s}from"./chunk-ATQPXKGH.mjs";import{b as e}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import{CheckIcon as b}from"@radix-ui/react-icons";import{jsx as o,jsxs as h}from"react/jsx-runtime";var C=a.forwardRef(({className:r,...t},i)=>o(c,{className:e("grid gap-2",r),...t,ref:i}));C.displayName=c.displayName;var n=a.forwardRef(({className:r,children:t,checkboxClassName:i,...p},d)=>h("label",{className:e("border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4",r),children:[t,o(s,{ref:d,className:e("border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:o(m,{className:"flex size-full items-center justify-center text-current",children:o(b,{className:"size-3.5"})})})]}));n.displayName=s.displayName;export{C as CheckboxCards,n as CheckboxCardsItem};
 //# sourceMappingURL=checkbox-cards.mjs.map

package/dist/checkbox-cards.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox-cards.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n  checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n  ({ className, children, checkboxClassName, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            checkboxClassName,\n          )}\n          {...props}\n        >\n          <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n            <CheckIcon className=\"size-3.5\" />\n          </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n        </CheckboxGroupPrimitive.Item>\n      </label>\n    );\n  },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"],"mappings":";;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAYjB,cAkBH,YAlBG;AADT,IAAM,gBAAsB,iBAAqD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACjH,SAAO,oBAAwB,MAAvB,EAA4B,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AACnG,CAAC;AAED,cAAc,cAAqC,KAAK;AAYxD,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GAAG,QAAQ;AAC7D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACD;AAAA,YAAwB;AAAA,YAAvB;AAAA,cACC;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ,8BAAwB,wBAAvB,EAA8C,WAAU,2DACvD,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAqC,KAAK;","names":[]}
+{"version":3,"sources":["../src/checkbox-cards.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n  checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n  ({ className, children, checkboxClassName, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"border-compound/70 hover:border-compound flex items-center justify-center gap-4 rounded-md border p-4\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            checkboxClassName,\n          )}\n          {...props}\n        >\n          <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n            <CheckIcon className=\"size-3.5\" />\n          </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n        </CheckboxGroupPrimitive.Item>\n      </label>\n    );\n  },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,EAkBH,QAAAC,MAlBG,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGL,EAAwBM,EAAvB,CAA4B,UAAWC,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAK,CAClG,EAEDH,EAAc,YAAqCI,EAAK,YAYxD,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAL,EAAW,SAAAM,EAAU,kBAAAC,EAAmB,GAAGN,CAAM,EAAGC,IAEnDJ,EAAC,SACC,UAAWM,EACT,wGACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,+TACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACa,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAGN,EAEAL,EAAkB,YAAqCG,EAAK","names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator","CheckIcon"]}

package/dist/checkbox-group.js

@@ -1,40 +1,2 @@
-"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; } }"use client";
-
-
-
-
-var _chunkMOJNV3XZjs = require('./chunk-MOJNV3XZ.js');
-
-
-var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
-
-// src/checkbox-group.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reacticons = require('@radix-ui/react-icons');
-var _jsxruntime = require('react/jsx-runtime');
-var CheckboxGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMOJNV3XZjs.Root, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "grid gap-2", className), ...props });
-});
-CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxGroupItem = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMOJNV3XZjs.Item,
-      {
-        ref,
-        className: _chunkG3NP7M2Njs.cn.call(void 0, 
-          "border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMOJNV3XZjs.CheckboxGroupIndicator, { className: "flex size-full items-center justify-center text-current", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-3.5" }) })
-      }
-    );
-  }
-);
-CheckboxGroupItem.displayName = "CheckboxGroupItem";
-
-
-
-exports.CheckboxGroup = CheckboxGroup; exports.CheckboxGroupItem = CheckboxGroupItem;
+"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; } }"use client";var _chunkIBJ5USORjs = require('./chunk-IBJ5USOR.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var c = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var a=c.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.e,{ref:t,className:_chunkQZCQ42BPjs.b.call(void 0, "grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=c.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.f,{ref:t,className:_chunkQZCQ42BPjs.b.call(void 0, "border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",o),...r,children:_jsxruntime.jsx.call(void 0, _chunkIBJ5USORjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";exports.CheckboxGroup = a; exports.CheckboxGroupItem = b;
 //# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox-group.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAYjB;AADT,IAAM,gBAAsB,iBAAqD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACjH,SAAO,oBAAwB,MAAvB,EAA4B,KAAU,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO;AACnG,CAAC;AAED,cAAc,cAAc;AAS5B,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAwB;AAAA,MAAvB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAwB,wBAAvB,EAA8C,WAAU,2DACvD,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root ref={ref} className={cn(\"grid gap-2\", className)} {...props} />;\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CheckboxGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n          <CheckIcon className=\"size-3.5\" />\n        </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n      </CheckboxGroupPrimitive.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = \"CheckboxGroupItem\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"]}
+{"version":3,"sources":["../src/checkbox-group.tsx"],"names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator"],"mappings":"2GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,MAAA,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGJ,EAAwBK,EAAvB,CAA4B,IAAKD,EAAK,UAAWE,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,CAClG,EAEDF,EAAc,YAAc,gBAS5B,IAAMM,EAA0B,aAC9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAEtBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,sUACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAGN,EAEAQ,EAAkB,YAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as CheckboxGroupPrimitive from \"./checkbox-group.primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(({ className, ...props }, ref) => {\n  return <CheckboxGroupPrimitive.Root ref={ref} className={cn(\"grid gap-2\", className)} {...props} />;\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CheckboxGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n          <CheckIcon className=\"size-3.5\" />\n        </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n      </CheckboxGroupPrimitive.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = \"CheckboxGroupItem\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"]}

package/dist/checkbox-group.mjs

@@ -1,40 +1,2 @@
-"use client";
-import {
-  CheckboxGroupIndicator,
-  Item,
-  Root
-} from "./chunk-JULVZPCS.mjs";
-import {
-  cn
-} from "./chunk-UG3URV2Z.mjs";
-
-// src/checkbox-group.tsx
-import * as React from "react";
-import { CheckIcon } from "@radix-ui/react-icons";
-import { jsx } from "react/jsx-runtime";
-var CheckboxGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Root, { ref, className: cn("grid gap-2", className), ...props });
-});
-CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxGroupItem = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Item,
-      {
-        ref,
-        className: cn(
-          "border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(CheckboxGroupIndicator, { className: "flex size-full items-center justify-center text-current", children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) })
-      }
-    );
-  }
-);
-CheckboxGroupItem.displayName = "CheckboxGroupItem";
-export {
-  CheckboxGroup,
-  CheckboxGroupItem
-};
+"use client";import{d as p,e as m,f as u}from"./chunk-ATQPXKGH.mjs";import{b as i}from"./chunk-JTI7KCLO.mjs";import*as c from"react";import{CheckIcon as s}from"@radix-ui/react-icons";import{jsx as e}from"react/jsx-runtime";var a=c.forwardRef(({className:o,...r},t)=>e(m,{ref:t,className:i("grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=c.forwardRef(({className:o,...r},t)=>e(u,{ref:t,className:i("border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground focus-visible:ring-ring peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",o),...r,children:e(p,{className:"flex size-full items-center justify-center text-current",children:e(s,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";export{a as CheckboxGroup,b as CheckboxGroupItem};
 //# sourceMappingURL=checkbox-group.mjs.map