@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/carousel.js

@@ -0,0 +1,162 @@
+"use client";
+
+import { Button } from "./button.js";
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { ArrowLeft01Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import useEmblaCarousel from "embla-carousel-react";
+
+//#region src/ui/carousel/use-carousel.tsx
+const CarouselContext = createContext(null);
+const useCarousel = () => {
+	const context = useContext(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-content.tsx
+const CarouselContent = ({ className, ...props }) => {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		ref: carouselRef,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-item.tsx
+const CarouselItem = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		"aria-roledescription": "slide",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		"data-slot": "carousel-item",
+		role: "group",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-next.tsx
+const CarouselNext = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-next",
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowRight01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-previous.tsx
+const CarouselPrevious = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-previous",
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowLeft01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel.tsx
+const Carousel = ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) => {
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	const [canScrollPrev, setCanScrollPrev] = useState(false);
+	const [canScrollNext, setCanScrollNext] = useState(false);
+	const onSelect = useCallback((emblaApi) => {
+		if (!emblaApi) return;
+		setCanScrollPrev(emblaApi.canScrollPrev());
+		setCanScrollNext(emblaApi.canScrollNext());
+	}, []);
+	const scrollPrev = useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrev();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrev, scrollNext]);
+	useEffect(() => {
+		if (!(api && setApi)) return;
+		setApi(api);
+	}, [api, setApi]);
+	useEffect(() => {
+		if (!api) return;
+		onSelect(api);
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api?.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value: {
+			carouselRef,
+			api,
+			opts,
+			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev,
+			scrollNext,
+			canScrollPrev,
+			canScrollNext
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"aria-roledescription": "carousel",
+			className: cn("relative", className),
+			"data-slot": "carousel",
+			onKeyDownCapture: handleKeyDown,
+			role: "region",
+			...props,
+			children
+		})
+	});
+};
+Carousel.Content = CarouselContent;
+Carousel.Item = CarouselItem;
+Carousel.Next = CarouselNext;
+Carousel.Previous = CarouselPrevious;
+
+//#endregion
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+//# sourceMappingURL=carousel.js.map

package/dist/ui/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","names":[],"sources":["../../src/ui/carousel/use-carousel.tsx","../../src/ui/carousel/carousel-content.tsx","../../src/ui/carousel/carousel-item.tsx","../../src/ui/carousel/carousel-next.tsx","../../src/ui/carousel/carousel-previous.tsx","../../src/ui/carousel/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport type useEmblaCarousel from \"embla-carousel-react\";\nimport type { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nimport { createContext, useContext } from \"react\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null);\n\nconst useCarousel = () => {\n  const context = useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n};\n\nexport {\n  type CarouselApi,\n  type CarouselContextProps,\n  type CarouselProps,\n  CarouselContext,\n  useCarousel,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselContentProps = ComponentProps<\"div\">;\n\nconst CarouselContent = ({ className, ...props }: CarouselContentProps) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n      ref={carouselRef}\n    >\n      <div\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\nexport { CarouselContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselItemProps = ComponentProps<\"div\">;\n\nconst CarouselItem = ({ className, ...props }: CarouselItemProps) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\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      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n};\n\nexport { CarouselItem };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselNextProps = ComponentProps<typeof Button>;\n\nconst CarouselNext = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: CarouselNextProps) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowRight01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselPreviousProps = ComponentProps<typeof Button>;\n\nconst CarouselPrevious = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: CarouselPreviousProps) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowLeft01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselPrevious };\n","\"use client\";\n\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport {\n  type ComponentProps,\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { CarouselContent } from \"./carousel-content\";\nimport { CarouselItem } from \"./carousel-item\";\nimport { CarouselNext } from \"./carousel-next\";\nimport { CarouselPrevious } from \"./carousel-previous\";\nimport {\n  type CarouselApi,\n  CarouselContext,\n  type CarouselProps,\n  useCarousel,\n} from \"./use-carousel\";\n\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & CarouselProps) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  );\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((emblaApi: CarouselApi) => {\n    if (!emblaApi) {\n      return;\n    }\n    setCanScrollPrev(emblaApi.canScrollPrev());\n    setCanScrollNext(emblaApi.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: 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  useEffect(() => {\n    if (!(api && setApi)) {\n      return;\n    }\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\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      {/** biome-ignore lint/a11y/useSemanticElements: region is not semantically appropriate for carousel */}\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        data-slot=\"carousel\"\n        onKeyDownCapture={handleKeyDown}\n        role=\"region\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\nCarousel.Content = CarouselContent;\nCarousel.Item = CarouselItem;\nCarousel.Next = CarouselNext;\nCarousel.Previous = CarouselPrevious;\n\nexport type { CarouselApi } from \"./use-carousel\";\n\nexport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  useCarousel,\n};\n\nexport type { CarouselProps } from \"./use-carousel\";\n\nexport type { CarouselContentProps } from \"./carousel-content\";\nexport type { CarouselItemProps } from \"./carousel-item\";\nexport type { CarouselNextProps } from \"./carousel-next\";\nexport type { CarouselPreviousProps } from \"./carousel-previous\";\n"],"mappings":"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"}

package/dist/ui/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","names":[],"sources":["../../src/ui/checkbox-group/checkbox-group.tsx"],"mappings":";;;;;KAQY,kBAAA,GAAqB,cAAA,QAAsB,eAAA;AAAA,cAE1C,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/checkbox-group.js

@@ -0,0 +1,16 @@
+"use client";
+
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
+
+//#region src/ui/checkbox-group/checkbox-group.tsx
+const CheckboxGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(CheckboxGroup$1, {
+	className: mergeBaseUIClassName("flex flex-col items-start gap-1", className),
+	"data-slot": "checkbox-group",
+	...props
+});
+
+//#endregion
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":["BaseCheckboxGroup"],"sources":["../../src/ui/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type CheckboxGroupProps = ComponentProps<typeof BaseCheckboxGroup>;\n\nexport const CheckboxGroup = ({ className, ...props }: CheckboxGroupProps) => (\n  <BaseCheckboxGroup\n    className={mergeBaseUIClassName<BaseCheckboxGroup.State>(\n      \"flex flex-col items-start gap-1\",\n      className\n    )}\n    data-slot=\"checkbox-group\"\n    {...props}\n  />\n);\n"],"mappings":";;;;;;;AAUA,MAAa,iBAAiB,EAAE,WAAW,GAAG,YAC5C,oBAACA;CACC,WAAW,qBACT,mCACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,89 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox-indicator.d.ts
+declare const checkboxIndicatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "grid place-content-center text-current transition-none", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "grid place-content-center text-current transition-none", unknown, unknown, undefined>>;
+type CheckboxIndicatorVariantProps = Omit<VariantProps<typeof checkboxIndicatorVariants>, "size"> & {
+  size?: UISize;
+};
+type CheckboxIndicatorProps = Checkbox$1.Indicator.Props & CheckboxIndicatorVariantProps;
+declare const CheckboxIndicator: ({
+  className,
+  size: providedSize,
+  ...props
+}: CheckboxIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/checkbox/checkbox.d.ts
+declare const checkboxVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary", unknown, unknown, undefined>>;
+type CheckboxVariantProps = Omit<VariantProps<typeof checkboxVariants>, "size"> & {
+  size?: UISize;
+};
+type CheckboxProps = Checkbox$1.Root.Props & CheckboxVariantProps;
+declare const Checkbox: {
+  ({
+    className,
+    indeterminate,
+    children,
+    size: providedSize,
+    ...props
+  }: CheckboxProps): react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    size: providedSize,
+    ...props
+  }: CheckboxIndicatorProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/ui/checkbox/checkbox-indicator.tsx","../../src/ui/checkbox/checkbox.tsx"],"mappings":";;;;;;;cAQM,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,IAAA,CACnC,YAAA,QAAoB,yBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,sBAAA,GAAyB,UAAA,CAAkB,SAAA,CAAU,KAAA,GAC/D,6BAAA;AAAA,cAEI,iBAAA;EAAqB,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCzBnB,gBAAA,EAcJ,kBAAA,CAdoB,YAAA;;;;;;;;;;;;;;;;cAcpB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,oBAAA,GAAuB,IAAA,CAC1B,YAAA,QAAoB,gBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,aAAA,GAAgB,UAAA,CAAkB,IAAA,CAAK,KAAA,GAAQ,oBAAA;AAAA,cAErD,QAAA;EAAA;;;;;;KAMH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/checkbox.js

@@ -0,0 +1,70 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { MinusSignIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox-indicator.tsx
+const checkboxIndicatorVariants = tv({
+	base: "grid place-content-center text-current transition-none",
+	variants: { size: {
+		xs: "[&>svg]:size-2",
+		sm: "[&>svg]:size-2.5",
+		md: "[&>svg]:size-3",
+		lg: "[&>svg]:size-3.5",
+		xl: "[&>svg]:size-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+const CheckboxIndicator = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+		className: mergeBaseUIClassName(checkboxIndicatorVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "checkbox-indicator",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/checkbox/checkbox.tsx
+const checkboxVariants = tv({
+	base: "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary",
+	variants: { size: {
+		xs: "size-3 rounded-[3px] after:absolute after:-inset-1.5",
+		sm: "size-3.5 rounded-[3.5px] after:absolute after:-inset-2",
+		md: "size-4 rounded-[4px] after:absolute after:-inset-2.5",
+		lg: "size-[18px] rounded-[4px] after:absolute after:-inset-3",
+		xl: "size-5 rounded-[5px] after:absolute after:-inset-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Checkbox = ({ className, indeterminate, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		className: mergeBaseUIClassName(checkboxVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "checkbox",
+		indeterminate,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckboxIndicator, {
+			size,
+			children: indeterminate ? /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: MinusSignIcon,
+				strokeWidth: 2
+			}) : /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Tick02Icon,
+				strokeWidth: 2
+			})
+		})
+	});
+};
+Checkbox.Indicator = CheckboxIndicator;
+
+//#endregion
+export { Checkbox, CheckboxIndicator };
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive","CheckboxPrimitive"],"sources":["../../src/ui/checkbox/checkbox-indicator.tsx","../../src/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nconst checkboxIndicatorVariants = tv({\n  base: \"grid place-content-center text-current transition-none\",\n  variants: {\n    size: {\n      xs: \"[&>svg]:size-2\",\n      sm: \"[&>svg]:size-2.5\",\n      md: \"[&>svg]:size-3\",\n      lg: \"[&>svg]:size-3.5\",\n      xl: \"[&>svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype CheckboxIndicatorVariantProps = Omit<\n  VariantProps<typeof checkboxIndicatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props &\n  CheckboxIndicatorVariantProps;\n\nconst CheckboxIndicator = ({\n  className,\n  size: providedSize,\n  ...props\n}: CheckboxIndicatorProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <CheckboxPrimitive.Indicator\n      className={mergeBaseUIClassName<CheckboxPrimitive.Indicator.State>(\n        checkboxIndicatorVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"checkbox-indicator\"\n      {...props}\n    />\n  );\n};\n\nexport { CheckboxIndicator };\n","\"use client\";\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { MinusSignIcon, Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { CheckboxIndicator } from \"./checkbox-indicator\";\n\nconst checkboxVariants = tv({\n  base: \"peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary\",\n  variants: {\n    size: {\n      xs: \"size-3 rounded-[3px] after:absolute after:-inset-1.5\",\n      sm: \"size-3.5 rounded-[3.5px] after:absolute after:-inset-2\",\n      md: \"size-4 rounded-[4px] after:absolute after:-inset-2.5\",\n      lg: \"size-[18px] rounded-[4px] after:absolute after:-inset-3\",\n      xl: \"size-5 rounded-[5px] after:absolute after:-inset-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype CheckboxVariantProps = Omit<\n  VariantProps<typeof checkboxVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type CheckboxProps = CheckboxPrimitive.Root.Props & CheckboxVariantProps;\n\nconst Checkbox = ({\n  className,\n  indeterminate,\n  children,\n  size: providedSize,\n  ...props\n}: CheckboxProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <CheckboxPrimitive.Root\n      className={mergeBaseUIClassName<CheckboxPrimitive.Root.State>(\n        checkboxVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"checkbox\"\n      indeterminate={indeterminate}\n      {...props}\n    >\n      {children ?? (\n        <CheckboxIndicator size={size}>\n          {indeterminate ? (\n            <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n          ) : (\n            <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />\n          )}\n        </CheckboxIndicator>\n      )}\n    </CheckboxPrimitive.Root>\n  );\n};\n\nCheckbox.Indicator = CheckboxIndicator;\n\nexport type { CheckboxIndicatorProps } from \"./checkbox-indicator\";\nexport { Checkbox, CheckboxIndicator };\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,qBAAqB,EACzB,WACA,MAAM,cACN,GAAG,YACyB;CAC5B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,WAAkB;EACjB,WAAW,qBACT,0BAA0B,EAAE,MAAM,CAAC,EACnC,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACrCN,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,YAAY,EAChB,WACA,eACA,UACA,MAAM,cACN,GAAG,YACgB;CACnB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,WAAkB;EACjB,WAAW,qBACT,iBAAiB,EAAE,MAAM,CAAC,EAC1B,UACD;EACD,aAAW;EACX,aAAU;EACK;EACf,GAAI;YAEH,YACC,oBAAC;GAAwB;aACtB,gBACC,oBAAC;IAAc,MAAM;IAAe,aAAa;KAAK,GAEtD,oBAAC;IAAc,MAAM;IAAY,aAAa;KAAK;IAEnC;GAEC;;AAI7B,SAAS,YAAY"}

package/dist/ui/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","names":[],"sources":["../../src/ui/code/code.tsx"],"mappings":";;;;UAiBiB,SAAA,SAAkB,wBAAA;EACjC,KAAA;AAAA;AAAA,cAGI,IAAA;EAAQ,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAwC,SAAA,KAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/code.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+
+//#region src/ui/code/code.tsx
+const codeVariants = tv({
+	base: "relative rounded bg-muted font-mono text-[0.85em] font-medium text-foreground",
+	variants: { block: {
+		true: "m-0 block overflow-x-auto px-3 py-2 leading-relaxed whitespace-pre",
+		false: "px-[0.35rem] py-[0.2rem]"
+	} },
+	defaultVariants: { block: false }
+});
+const Code = ({ block = false, className, ...props }) => /* @__PURE__ */ jsx("code", {
+	className: cn(codeVariants({ block }), className),
+	"data-block": block ? "true" : void 0,
+	"data-slot": "code",
+	...props
+});
+
+//#endregion
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/ui/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":[],"sources":["../../src/ui/code/code.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn, tv } from \"tailwind-variants\";\n\nconst codeVariants = tv({\n  base: \"relative rounded bg-muted font-mono text-[0.85em] font-medium text-foreground\",\n  variants: {\n    block: {\n      true: \"m-0 block overflow-x-auto px-3 py-2 leading-relaxed whitespace-pre\",\n      false: \"px-[0.35rem] py-[0.2rem]\",\n    },\n  },\n  defaultVariants: {\n    block: false,\n  },\n});\n\nexport interface CodeProps extends ComponentPropsWithoutRef<\"code\"> {\n  block?: boolean;\n}\n\nconst Code = ({ block = false, className, ...props }: CodeProps) => (\n  <code\n    className={cn(codeVariants({ block }), className)}\n    data-block={block ? \"true\" : undefined}\n    data-slot=\"code\"\n    {...props}\n  />\n);\n\nexport { Code };\n"],"mappings":";;;;AAIA,MAAM,eAAe,GAAG;CACtB,MAAM;CACN,UAAU,EACR,OAAO;EACL,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,OAAO,OACR;CACF,CAAC;AAMF,MAAM,QAAQ,EAAE,QAAQ,OAAO,WAAW,GAAG,YAC3C,oBAAC;CACC,WAAW,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,UAAU;CACjD,cAAY,QAAQ,SAAS;CAC7B,aAAU;CACV,GAAI;EACJ"}

package/dist/ui/collapsible.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+
+//#region src/ui/collapsible/collapsible-content.d.ts
+type CollapsibleContentProps = Collapsible$1.Panel.Props;
+declare const CollapsibleContent: ({
+  className,
+  ...props
+}: CollapsibleContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/collapsible/collapsible-trigger.d.ts
+type CollapsibleTriggerProps = Collapsible$1.Trigger.Props;
+declare const CollapsibleTrigger: ({
+  className,
+  ...props
+}: CollapsibleTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/collapsible/collapsible.d.ts
+type CollapsibleProps = Collapsible$1.Root.Props;
+declare const Collapsible: {
+  ({
+    className,
+    ...props
+  }: CollapsibleProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: CollapsibleContentProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: CollapsibleTriggerProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../src/ui/collapsible/collapsible-content.tsx","../../src/ui/collapsible/collapsible-trigger.tsx","../../src/ui/collapsible/collapsible.tsx"],"mappings":";;;;KAKY,uBAAA,GAA0B,aAAA,CAAqB,KAAA,CAAM,KAAA;AAAA,cAE3D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLd,uBAAA,GAA0B,aAAA,CAAqB,OAAA,CAAQ,KAAA;AAAA,cAE7D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHd,gBAAA,GAAmB,aAAA,CAAqB,IAAA,CAAK,KAAA;AAAA,cAEnD,WAAA;EAAA;;;KAAwC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/collapsible.js

@@ -0,0 +1,34 @@
+"use client";
+
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+
+//#region src/ui/collapsible/collapsible-content.tsx
+const CollapsibleContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible$1.Panel, {
+	className: mergeBaseUIClassName("flex h-(--collapsible-panel-height) flex-col justify-end overflow-hidden transition-all duration-150 ease-out [&[hidden]:not([hidden='until-found'])]:hidden data-ending-style:h-0 data-starting-style:h-0", className),
+	"data-slot": "collapsible-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
+	className: mergeBaseUIClassName("cursor-pointer", className),
+	"data-slot": "collapsible-trigger",
+	...props
+});
+
+//#endregion
+//#region src/ui/collapsible/collapsible.tsx
+const Collapsible = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible$1.Root, {
+	className: mergeBaseUIClassName("flex flex-col", className),
+	"data-slot": "collapsible",
+	...props
+});
+Collapsible.Content = CollapsibleContent;
+Collapsible.Trigger = CollapsibleTrigger;
+
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.js.map

package/dist/ui/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive","CollapsiblePrimitive","CollapsiblePrimitive"],"sources":["../../src/ui/collapsible/collapsible-content.tsx","../../src/ui/collapsible/collapsible-trigger.tsx","../../src/ui/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type CollapsibleContentProps = CollapsiblePrimitive.Panel.Props;\n\nconst CollapsibleContent = ({\n  className,\n  ...props\n}: CollapsibleContentProps) => (\n  <CollapsiblePrimitive.Panel\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Panel.State>(\n      \"flex h-(--collapsible-panel-height) flex-col justify-end overflow-hidden transition-all duration-150 ease-out [&[hidden]:not([hidden='until-found'])]:hidden data-ending-style:h-0 data-starting-style:h-0\",\n      className\n    )}\n    data-slot=\"collapsible-content\"\n    {...props}\n  />\n);\n\nexport { CollapsibleContent };\n","\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;\n\nconst CollapsibleTrigger = ({\n  className,\n  ...props\n}: CollapsibleTriggerProps) => (\n  <CollapsiblePrimitive.Trigger\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Root.State>(\n      \"cursor-pointer\",\n      className\n    )}\n    data-slot=\"collapsible-trigger\"\n    {...props}\n  />\n);\n\nexport { CollapsibleTrigger };\n","\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { CollapsibleContent } from \"./collapsible-content\";\nimport { CollapsibleTrigger } from \"./collapsible-trigger\";\nexport type CollapsibleProps = CollapsiblePrimitive.Root.Props;\n\nconst Collapsible = ({ className, ...props }: CollapsibleProps) => (\n  <CollapsiblePrimitive.Root\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Root.State>(\n      \"flex flex-col\",\n      className\n    )}\n    data-slot=\"collapsible\"\n    {...props}\n  />\n);\n\nCollapsible.Content = CollapsibleContent;\nCollapsible.Trigger = CollapsibleTrigger;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n\nexport type { CollapsibleContentProps } from \"./collapsible-content\";\nexport type { CollapsibleTriggerProps } from \"./collapsible-trigger\";\n"],"mappings":";;;;;;;AAOA,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACA,cAAqB;CACpB,WAAW,qBACT,8MACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,qBACT,kBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,cAAqB;CACpB,WAAW,qBACT,iBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,YAAY,UAAU;AACtB,YAAY,UAAU"}