@codefast/ui 0.0.9 → 0.0.11

package/dist/carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { Button, type ButtonProps } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\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 CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel(): CarouselContextProps {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\nconst Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(\n  (\n    { orientation, opts, setApi, plugins, className, children, ...props },\n    ref,\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"vertical\" ? \"y\" : \"x\",\n      },\n      plugins,\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      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api,\n          opts,\n          orientation:\n            orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn(\"relative\", className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    );\n  },\n);\nCarousel.displayName = \"Carousel\";\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\nconst CarouselContent = React.forwardRef<HTMLDivElement, CarouselContentProps>(\n  ({ className, ...props }, ref) => {\n    const { carouselRef, orientation } = useCarousel();\n\n    return (\n      <div ref={carouselRef} className=\"overflow-hidden\">\n        <div\n          ref={ref}\n          className={cn(\n            \"flex\",\n            orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n            className,\n          )}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\nCarouselContent.displayName = \"CarouselContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\nconst CarouselItem = React.forwardRef<HTMLDivElement, CarouselItemProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useCarousel();\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={cn(\n          \"min-w-0 shrink-0 grow-0 basis-full\",\n          orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCarouselItem.displayName = \"CarouselItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\ntype CarouselPreviousProps = ButtonProps;\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  CarouselPreviousProps\n>(({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute 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});\nCarouselPrevious.displayName = \"CarouselPrevious\";\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\ntype CarouselNextProps = ButtonProps;\nconst CarouselNext = React.forwardRef<HTMLButtonElement, CarouselNextProps>(\n  ({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n    const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          \"absolute 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);\nCarouselNext.displayName = \"CarouselNext\";\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":[]}

package/dist/checkbox-cards.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Root, CheckboxGroupProps, Item } from './checkbox-group.primitive.mjs';
+import '@radix-ui/react-context';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-roving-focus';
+import '@radix-ui/react-primitive';
+
+type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof Root>;
+declare const CheckboxCards: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof Item> {
+    checkboxClassName?: string;
+}
+declare const CheckboxCardsItem: React.ForwardRefExoticComponent<CheckboxCardsItemProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxCards, CheckboxCardsItem, type CheckboxCardsItemProps, type CheckboxCardsProps };

package/dist/checkbox-cards.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Root, CheckboxGroupProps, Item } from './checkbox-group.primitive.js';
+import '@radix-ui/react-context';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-roving-focus';
+import '@radix-ui/react-primitive';
+
+type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof Root>;
+declare const CheckboxCards: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof Item> {
+    checkboxClassName?: string;
+}
+declare const CheckboxCardsItem: React.ForwardRefExoticComponent<CheckboxCardsItemProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxCards, CheckboxCardsItem, type CheckboxCardsItemProps, type CheckboxCardsProps };

package/dist/checkbox-cards.js

@@ -0,0 +1,56 @@
+"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 flex items-center justify-center gap-4 rounded-md border p-4",
+          "hover:border-compound",
+          className
+        ),
+        children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkMOJNV3XZjs.Item,
+            {
+              ref,
+              className: _chunkG3NP7M2Njs.cn.call(void 0, 
+                "border-compound/70 peer size-4 shrink-0 cursor-default rounded-sm border shadow",
+                "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+                "disabled:cursor-not-allowed disabled:opacity-50",
+                "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                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;
+//# sourceMappingURL=checkbox-cards.js.map

package/dist/checkbox-cards.js.map

@@ -0,0 +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,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACD;AAAA,YAAwB;AAAA,YAAvB;AAAA,cACC;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;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 flex items-center justify-center gap-4 rounded-md border p-4\",\n          \"hover:border-compound\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 peer size-4 shrink-0 cursor-default rounded-sm border shadow\",\n            \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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

@@ -0,0 +1,56 @@
+"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 flex items-center justify-center gap-4 rounded-md border p-4",
+          "hover:border-compound",
+          className
+        ),
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Item,
+            {
+              ref,
+              className: cn(
+                "border-compound/70 peer size-4 shrink-0 cursor-default rounded-sm border shadow",
+                "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+                "disabled:cursor-not-allowed disabled:opacity-50",
+                "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                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
+};
+//# sourceMappingURL=checkbox-cards.mjs.map

package/dist/checkbox-cards.mjs.map

@@ -0,0 +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 flex items-center justify-center gap-4 rounded-md border p-4\",\n          \"hover:border-compound\",\n          className,\n        )}\n      >\n        {children}\n        <CheckboxGroupPrimitive.Item\n          ref={ref}\n          className={cn(\n            \"border-compound/70 peer size-4 shrink-0 cursor-default rounded-sm border shadow\",\n            \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACD;AAAA,YAAwB;AAAA,YAAvB;AAAA,cACC;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;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":[]}

package/dist/checkbox-group.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Root, CheckboxGroupProps as CheckboxGroupProps$1, Item, CheckboxGroupItemProps as CheckboxGroupItemProps$1 } from './checkbox-group.primitive.mjs';
+import '@radix-ui/react-context';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-roving-focus';
+import '@radix-ui/react-primitive';
+
+type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof Root>;
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof Item>;
+declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<CheckboxGroupItemProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps };

package/dist/checkbox-group.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Root, CheckboxGroupProps as CheckboxGroupProps$1, Item, CheckboxGroupItemProps as CheckboxGroupItemProps$1 } from './checkbox-group.primitive.js';
+import '@radix-ui/react-context';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-roving-focus';
+import '@radix-ui/react-primitive';
+
+type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof Root>;
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof Item>;
+declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<CheckboxGroupItemProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps };

package/dist/checkbox-group.js

@@ -0,0 +1,44 @@
+"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 peer size-4 shrink-0 rounded-sm border shadow",
+          "hover:border-compound",
+          "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+          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;
+//# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

@@ -0,0 +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,UACA;AAAA,UACA;AAAA,UACA;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 peer size-4 shrink-0 rounded-sm border shadow\",\n          \"hover:border-compound\",\n          \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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

@@ -0,0 +1,44 @@
+"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 peer size-4 shrink-0 rounded-sm border shadow",
+          "hover:border-compound",
+          "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+          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
+};
+//# sourceMappingURL=checkbox-group.mjs.map

package/dist/checkbox-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-group.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: 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 peer size-4 shrink-0 rounded-sm border shadow\",\n          \"hover:border-compound\",\n          \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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"],"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,UACA;AAAA,UACA;AAAA,UACA;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;","names":[]}

package/dist/checkbox-group.primitive.d.mts

@@ -0,0 +1,38 @@
+import * as _radix_ui_react_context from '@radix-ui/react-context';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RovingFocusGroup from '@radix-ui/react-roving-focus';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare const createCheckboxGroupScope: _radix_ui_react_context.CreateScope;
+interface CheckboxGroupContextValue {
+    name?: string;
+    required: boolean;
+    disabled: boolean;
+    value?: string[];
+    onItemCheck: (value: string) => void;
+    onItemUncheck: (value: string) => void;
+}
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
+    name?: CheckboxGroupContextValue["name"];
+    required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>["required"];
+    disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>["disabled"];
+    dir?: RovingFocusGroup.RovingFocusGroupProps["dir"];
+    orientation?: RovingFocusGroup.RovingFocusGroupProps["orientation"];
+    loop?: RovingFocusGroup.RovingFocusGroupProps["loop"];
+    defaultValue?: string[];
+    value?: CheckboxGroupContextValue["value"];
+    onValueChange?: (value: string[]) => void;
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked" | "onCheckedChange" | "name"> {
+    value: string;
+}
+declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+type CheckboxGroupIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;
+declare const CheckboxGroupIndicator: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Indicator: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { CheckboxGroup, CheckboxGroupIndicator, type CheckboxGroupIndicatorProps, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, Indicator, Item, Root, createCheckboxGroupScope };

package/dist/checkbox-group.primitive.d.ts

@@ -0,0 +1,38 @@
+import * as _radix_ui_react_context from '@radix-ui/react-context';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RovingFocusGroup from '@radix-ui/react-roving-focus';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare const createCheckboxGroupScope: _radix_ui_react_context.CreateScope;
+interface CheckboxGroupContextValue {
+    name?: string;
+    required: boolean;
+    disabled: boolean;
+    value?: string[];
+    onItemCheck: (value: string) => void;
+    onItemUncheck: (value: string) => void;
+}
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
+    name?: CheckboxGroupContextValue["name"];
+    required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>["required"];
+    disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>["disabled"];
+    dir?: RovingFocusGroup.RovingFocusGroupProps["dir"];
+    orientation?: RovingFocusGroup.RovingFocusGroupProps["orientation"];
+    loop?: RovingFocusGroup.RovingFocusGroupProps["loop"];
+    defaultValue?: string[];
+    value?: CheckboxGroupContextValue["value"];
+    onValueChange?: (value: string[]) => void;
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked" | "onCheckedChange" | "name"> {
+    value: string;
+}
+declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+type CheckboxGroupIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;
+declare const CheckboxGroupIndicator: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Indicator: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { CheckboxGroup, CheckboxGroupIndicator, type CheckboxGroupIndicatorProps, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, Indicator, Item, Root, createCheckboxGroupScope };

package/dist/checkbox-group.primitive.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _chunkMOJNV3XZjs = require('./chunk-MOJNV3XZ.js');
+
+
+
+
+
+
+
+
+exports.CheckboxGroup = _chunkMOJNV3XZjs.CheckboxGroup; exports.CheckboxGroupIndicator = _chunkMOJNV3XZjs.CheckboxGroupIndicator; exports.CheckboxGroupItem = _chunkMOJNV3XZjs.CheckboxGroupItem; exports.Indicator = _chunkMOJNV3XZjs.Indicator; exports.Item = _chunkMOJNV3XZjs.Item; exports.Root = _chunkMOJNV3XZjs.Root; exports.createCheckboxGroupScope = _chunkMOJNV3XZjs.createCheckboxGroupScope;
+//# sourceMappingURL=checkbox-group.primitive.js.map

package/dist/checkbox-group.primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/checkbox-group.primitive.mjs

@@ -0,0 +1,19 @@
+import {
+  CheckboxGroup,
+  CheckboxGroupIndicator,
+  CheckboxGroupItem,
+  Indicator,
+  Item,
+  Root,
+  createCheckboxGroupScope
+} from "./chunk-JULVZPCS.mjs";
+export {
+  CheckboxGroup,
+  CheckboxGroupIndicator,
+  CheckboxGroupItem,
+  Indicator,
+  Item,
+  Root,
+  createCheckboxGroupScope
+};
+//# sourceMappingURL=checkbox-group.primitive.mjs.map

package/dist/checkbox-group.primitive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/checkbox.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 
-type CheckboxProps = CheckboxPrimitive.CheckboxProps;
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/checkbox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 
-type CheckboxProps = CheckboxPrimitive.CheckboxProps;
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/checkbox.js

@@ -13,7 +13,11 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   {
     ref,
     className: _chunkG3NP7M2Njs.cn.call(void 0, 
-      "border-compound focus-visible:ring-ring aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground 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",
+      "border-compound/70 peer size-4 shrink-0 rounded-sm border shadow",
+      "hover:border-compound",
+      "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
       className
     ),
     ...props,

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAqBpB;AAbN,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAmB,6BAAlB,EAA4B,WAAU,2DACrC,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps;\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"border-compound focus-visible:ring-ring aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground 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    <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n      <CheckIcon className=\"size-3.5\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"]}
+{"version":3,"sources":["../src/checkbox.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAwBpB;AAdN,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAmB,6BAAlB,EAA4B,WAAU,2DACrC,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AACF,CACD;AAED,SAAS,cAAgC,uBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"border-compound/70 peer size-4 shrink-0 rounded-sm border shadow\",\n      \"hover:border-compound\",\n      \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n      <CheckIcon className=\"size-3.5\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"]}

package/dist/checkbox.mjs

@@ -13,7 +13,11 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   {
     ref,
     className: cn(
-      "border-compound focus-visible:ring-ring aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground 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",
+      "border-compound/70 peer size-4 shrink-0 rounded-sm border shadow",
+      "hover:border-compound",
+      "aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
       className
     ),
     ...props,

package/dist/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps;\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"border-compound focus-visible:ring-ring aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground 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    <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n      <CheckIcon className=\"size-3.5\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAqBpB;AAbN,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAmB,6BAAlB,EAA4B,WAAU,2DACrC,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK;","names":[]}
+{"version":3,"sources":["../src/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\n\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"border-compound/70 peer size-4 shrink-0 rounded-sm border shadow\",\n      \"hover:border-compound\",\n      \"aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n      <CheckIcon className=\"size-3.5\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox, type CheckboxProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAwBpB;AAdN,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAmB,6BAAlB,EAA4B,WAAU,2DACrC,8BAAC,aAAU,WAAU,YAAW,GAClC;AAAA;AACF,CACD;AAED,SAAS,cAAgC,uBAAK;","names":[]}