@repraze/kernelkit 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/callout.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@repraze/kernelkit/components/collapsible";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { heading } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+/**
+ * Long-form aside for docs and articles (note, tip, warning). A left accent bar carries the color;
+ * the surface is a faint wash so body text stays foreground. For app status use Alert.
+ */
+const calloutVariants = cva([
+    "group/callout relative overflow-hidden rounded-lg border border-(--c)/25 bg-(--c)/5 pl-1 text-sm text-foreground hc:border-(--c)",
+    "before:absolute before:inset-y-0 before:left-0 before:w-1 before:bg-(--c)",
+], {
+    variants: {
+        color: colorVariants,
+    },
+    compoundVariants: [
+        {
+            color: "neutral",
+            class: "border-border bg-card before:bg-muted-foreground hc:border-border",
+        },
+    ],
+    defaultVariants: { color: "neutral" },
+});
+const calloutHeader = "flex min-h-8 w-full items-center gap-1.5 px-3 py-1.5 text-left text-xs text-(--c) group-data-[color=neutral]/callout:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5";
+const calloutBody = "px-3 py-2 text-sm leading-relaxed [&_a]:text-(--c) [&_a]:underline [&_a]:underline-offset-3 group-data-[color=neutral]/callout:[&_a]:text-foreground [&_p:not(:last-child)]:mb-2 border-(--c)/25 group-data-[color=neutral]/callout:border-border hc:border-(--c)";
+function Callout({ className, color, icon, title, collapsible = false, defaultCollapsed = false, children, ...props }) {
+    const resolved = color ?? "neutral";
+    const hasHeader = Boolean(title || icon);
+    const headerContent = (_jsxs(_Fragment, { children: [icon, title ? (_jsx("span", { "data-slot": "callout-title", className: cn(heading, "font-medium"), children: title })) : null] }));
+    if (collapsible && hasHeader) {
+        return (_jsxs(Collapsible, { "data-slot": "callout", "data-color": resolved, defaultOpen: !defaultCollapsed, className: cn(calloutVariants({ color: resolved }), className), ...props, children: [_jsxs(CollapsibleTrigger, { "data-slot": "callout-header", className: cn(calloutHeader, "cursor-pointer transition-[background-color,box-shadow] outline-none select-none hover:bg-hover focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:ring-inset"), children: [headerContent, _jsx(ChevronDownIcon, { "data-slot": "callout-chevron", className: "ml-auto transition-transform duration-150 group-data-closed/callout:-rotate-90 motion-reduce:transition-none" })] }), children ? (_jsx(CollapsibleContent, { className: "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 motion-reduce:transition-none", children: _jsx("div", { "data-slot": "callout-content", className: cn(calloutBody, "border-t"), children: children }) })) : null] }));
+    }
+    return (_jsxs("div", { "data-slot": "callout", "data-color": resolved, className: cn(calloutVariants({ color: resolved }), className), ...props, children: [hasHeader ? (_jsx("div", { "data-slot": "callout-header", className: calloutHeader, children: headerContent })) : null, children ? (_jsx("div", { "data-slot": "callout-content", className: cn(calloutBody, hasHeader && "border-t"), children: children })) : null] }));
+}
+export { Callout, calloutVariants };
+//# sourceMappingURL=callout.js.map

package/dist/components/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"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"}

package/dist/components/card.d.ts

@@ -0,0 +1,43 @@
+import { useRender } from "@base-ui/react/use-render";
+import { ArrowRightIcon } from "lucide-react";
+import * as React from "react";
+/** `--card-spacing` drives every part's padding and the gap between sections (§4: p-4, sm p-3). */
+declare const cardVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/**
+ * A whole card that is one link (§6, clickable surfaces). The cursor alone never says "clickable":
+ * hover and keyboard focus turn the border and title to the accent, wash the top in the accent tint,
+ * nudge a `LinkCardArrow` and zoom a `LinkCardMedia`. Use `render` for a router link.
+ *
+ * ```tsx
+ * <LinkCard render={<Link to="/ports/vscode" />}>
+ *   <CardHeader>
+ *     <CardTitle>VS Code</CardTitle>
+ *     <CardDescription>Editor theme.</CardDescription>
+ *     <CardAction><LinkCardArrow /></CardAction>
+ *   </CardHeader>
+ * </LinkCard>
+ * ```
+ */
+declare function LinkCard({ className, size, render, ...props }: useRender.ComponentProps<"a"> & {
+    size?: "default" | "sm";
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** An image band at the top of a LinkCard; its child zooms slightly on hover. */
+declare function LinkCardMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/** The trailing arrow of a LinkCard: accent on hover, and it moves toward where the click goes. */
+declare function LinkCardArrow({ className, external, ...props }: React.ComponentProps<typeof ArrowRightIcon> & {
+    /** An up-right arrow for links that leave the site. */
+    external?: boolean;
+}): React.JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, LinkCard, LinkCardArrow, LinkCardMedia, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,EAAC,cAAc,EAAmB,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,mGAAmG;AACnG,QAAA,MAAM,YAAY;;8EAWjB,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAC,qBAE7G;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWrE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQpE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE1E;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQrE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEtE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWrE;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAC,0EAqB3D;AAED,iFAAiF;AACjF,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,mGAAmG;AACnG,iBAAS,aAAa,CAAC,EACnB,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7C,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,qBAgBA;AAED,OAAO,EACH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,aAAa,GAChB,CAAC"}

package/dist/components/card.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { heading } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ArrowRightIcon, ArrowUpRightIcon } from "lucide-react";
+import * as React from "react";
+/** `--card-spacing` drives every part's padding and the gap between sections (§4: p-4, sm p-3). */
+const cardVariants = cva("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border border-border bg-card py-(--card-spacing) text-sm text-card-foreground has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", {
+    variants: {
+        size: {
+            default: "[--card-spacing:--spacing(4)]",
+            sm: "[--card-spacing:--spacing(3)]",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Card({ className, size = "default", ...props }) {
+    return _jsx("div", { "data-slot": "card", "data-size": size, className: cn(cardVariants({ size }), className), ...props });
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:border-border [.border-b]:pb-(--card-spacing)", className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn(heading, "text-base leading-snug group-data-[size=sm]/card:text-sm", className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return _jsx("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return _jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center gap-2 rounded-b-xl border-t border-border bg-muted/50 p-(--card-spacing)", className), ...props }));
+}
+/**
+ * A whole card that is one link (§6, clickable surfaces). The cursor alone never says "clickable":
+ * hover and keyboard focus turn the border and title to the accent, wash the top in the accent tint,
+ * nudge a `LinkCardArrow` and zoom a `LinkCardMedia`. Use `render` for a router link.
+ *
+ * ```tsx
+ * <LinkCard render={<Link to="/ports/vscode" />}>
+ *   <CardHeader>
+ *     <CardTitle>VS Code</CardTitle>
+ *     <CardDescription>Editor theme.</CardDescription>
+ *     <CardAction><LinkCardArrow /></CardAction>
+ *   </CardHeader>
+ * </LinkCard>
+ * ```
+ */
+function LinkCard({ className, size = "default", render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            className: cn(cardVariants({ size }), "group/link-card relative isolate outline-none transition-[border-color,box-shadow] duration-200 motion-reduce:transition-none", "hover:border-primary-text focus-visible:border-primary-text focus-visible:ring-3 focus-visible:ring-ring/50", 
+            // the wash: under the content, over the card background
+            "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:bg-linear-to-b before:from-primary-tint before:to-transparent before:to-70% before:opacity-0 before:transition-opacity before:duration-200 hover:before:opacity-100 focus-visible:before:opacity-100 motion-reduce:before:transition-none", "has-[>[data-slot=link-card-media]:first-child]:pt-0", "**:data-[slot=card-title]:transition-colors hover:**:data-[slot=card-title]:text-primary-text focus-visible:**:data-[slot=card-title]:text-primary-text", className),
+        }, props),
+        render,
+        state: { slot: "link-card", size },
+    });
+}
+/** An image band at the top of a LinkCard; its child zooms slightly on hover. */
+function LinkCardMedia({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "link-card-media", className: cn("overflow-hidden border-b border-border *:transition-transform *:duration-300 group-hover/link-card:*:scale-[1.03] group-focus-visible/link-card:*:scale-[1.03] motion-reduce:*:transition-none motion-reduce:group-hover/link-card:*:scale-100", className), ...props }));
+}
+/** The trailing arrow of a LinkCard: accent on hover, and it moves toward where the click goes. */
+function LinkCardArrow({ className, external = false, ...props }) {
+    const Icon = external ? ArrowUpRightIcon : ArrowRightIcon;
+    return (_jsx(Icon, { "data-slot": "link-card-arrow", "aria-hidden": true, className: cn("size-4 shrink-0 text-muted-foreground transition-[translate,color] duration-200 group-hover/link-card:text-primary-text group-focus-visible/link-card:text-primary-text motion-reduce:transition-none", external
+            ? "group-hover/link-card:translate-x-0.5 group-hover/link-card:-translate-y-0.5 group-focus-visible/link-card:translate-x-0.5 group-focus-visible/link-card:-translate-y-0.5"
+            : "group-hover/link-card:translate-x-1 group-focus-visible/link-card:translate-x-1", className), ...props }));
+}
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, LinkCard, LinkCardArrow, LinkCardMedia, };
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"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"}

package/dist/components/carousel.d.ts

@@ -0,0 +1,31 @@
+import { Button } from "@repraze/kernelkit/components/button";
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+/** One dot per snap point; the current one is a wider primary pill (selected = fill, §6). */
+declare function CarouselDots({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAG5D,OAAO,gBAAgB,EAAE,EAAC,KAAK,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAEjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IACxB,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CAC1B,GAAG,aAAa,CAAC;AAIlB,iBAAS,WAAW,yBAQnB;AAED,iBAAS,QAAQ,CAAC,EACd,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,qBAsF7C;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAY1E;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAgBvE;AAED,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,iBAAS,YAAY,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,6FAA6F;AAC7F,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAmDvE;AAED,OAAO,EACH,QAAQ,EACR,KAAK,WAAW,EAChB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACd,CAAC"}

package/dist/components/carousel.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@repraze/kernelkit/components/button";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import useEmblaCarousel, {} from "embla-carousel-react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+    const context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error("useCarousel must be used within a <Carousel />");
+    }
+    return context;
+}
+function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
+    const [carouselRef, api] = useEmblaCarousel({
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const onSelect = React.useCallback((api) => {
+        if (!api) {
+            return;
+        }
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+        api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+        api?.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(() => {
+        if (!api || !setApi) {
+            return;
+        }
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+        if (!api) {
+            return;
+        }
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return () => {
+            api.off("reInit", onSelect);
+            api.off("select", onSelect);
+        };
+    }, [api, onSelect]);
+    return (_jsx(CarouselContext.Provider, { value: {
+            carouselRef,
+            api,
+            opts,
+            orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+        }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
+}
+function CarouselContent({ className, ...props }) {
+    const { carouselRef, orientation } = useCarousel();
+    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { "data-slot": "carousel-track", className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
+}
+function CarouselItem({ className, ...props }) {
+    const { orientation } = useCarousel();
+    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon-sm", ...props }) {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-pill", orientation === "horizontal"
+            ? "inset-y-0 -left-12 my-auto"
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
+}
+function CarouselNext({ className, variant = "outline", size = "icon-sm", ...props }) {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-pill", orientation === "horizontal"
+            ? "inset-y-0 -right-12 my-auto"
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ChevronRightIcon, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
+}
+/** One dot per snap point; the current one is a wider primary pill (selected = fill, §6). */
+function CarouselDots({ className, ...props }) {
+    const { api, orientation } = useCarousel();
+    const [snaps, setSnaps] = React.useState([]);
+    const [current, setCurrent] = React.useState(0);
+    React.useEffect(() => {
+        if (!api) {
+            return;
+        }
+        const update = () => {
+            setSnaps(api.scrollSnapList());
+            setCurrent(api.selectedScrollSnap());
+        };
+        update();
+        api.on("reInit", update);
+        api.on("select", update);
+        return () => {
+            api.off("reInit", update);
+            api.off("select", update);
+        };
+    }, [api]);
+    return (_jsx("div", { "data-slot": "carousel-dots", className: cn("flex items-center justify-center gap-1.5", orientation === "horizontal" ? "pt-3" : "flex-col pl-3", className), ...props, children: snaps.map((_, index) => (_jsx("button", { type: "button", "data-slot": "carousel-dot", "data-active": index === current || undefined, "aria-label": `Go to slide ${index + 1}`, "aria-current": index === current || undefined, onClick: () => api?.scrollTo(index), className: cn(focusRing, "size-2 rounded-pill bg-border transition-[width,height,background-color,box-shadow] duration-150 hover:bg-primary/50 motion-reduce:transition-none", "data-active:bg-primary-text", orientation === "horizontal" ? "data-active:w-5" : "data-active:h-5") }, index))) }));
+}
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, };
+//# sourceMappingURL=carousel.js.map

package/dist/components/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"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"}

package/dist/components/chart.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import type { TooltipValueType } from "recharts";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type TooltipNameType = number | string;
+export type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}): React.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => React.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): React.JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null;
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+//# sourceMappingURL=chart.d.ts.map

package/dist/components/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/components/chart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAG9C,QAAA,MAAM,MAAM;;;CAAsC,CAAC;AAsBnD,KAAK,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,CAC5B,MAAM,EACN;IACI,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC9B,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;CAAC,CAAC,CACtG,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACpB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,gBAAoC,EACpC,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;IACzF,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL,qBAcA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAc;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAC,6BA2BlE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,iBAAS,mBAAmB,CAAC,EACzB,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACrD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAAE,oBAAoB,CAAC,4BA4GlH;AAED,QAAA,MAAM,WAAW,sGAA2B,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACV,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,iBAAiB,CAAC,yBAAyB,4BA4C9C;AA2BD,OAAO,EAAC,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/chart.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { popupSurface } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" };
+// Recharts paints its chrome with presentation attributes (light-grey and white strokes): re-skin them with
+// tokens. The attribute selectors only match recharts' own defaults, so a stroke set by the app wins.
+const rechartsDefaults = [
+    "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border", // lint-design-ignore: matches recharts' default attr
+    "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border", // lint-design-ignore: matches recharts' default attr
+    "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border", // lint-design-ignore: matches recharts' default attr
+    "[&_.recharts-dot[stroke='#fff']]:stroke-card", // lint-design-ignore: matches recharts' default attr
+    "[&_.recharts-sector[stroke='#fff']]:stroke-card", // lint-design-ignore: matches recharts' default attr
+];
+const chartContainerClass = [
+    "flex aspect-video justify-center text-xs",
+    "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-axis-tick_text]:font-mono",
+    "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-hover",
+    "[&_.recharts-radial-bar-background-sector]:fill-muted",
+    "[&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden",
+    ...rechartsDefaults,
+];
+const INITIAL_DIMENSION = { width: 320, height: 200 };
+const ChartContext = React.createContext(null);
+function useChart() {
+    const context = React.useContext(ChartContext);
+    if (!context) {
+        throw new Error("useChart must be used within a <ChartContainer />");
+    }
+    return context;
+}
+function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
+    const uniqueId = React.useId();
+    const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+    return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn(chartContainerClass, className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
+}
+const ChartStyle = ({ id, config }) => {
+    const colorConfig = Object.entries(config).filter(([, config]) => config.theme ?? config.color);
+    if (!colorConfig.length) {
+        return null;
+    }
+    return (_jsx("style", { dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+                .map(([key, itemConfig]) => {
+                const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+                return color ? `  --color-${key}: ${color};` : null;
+            })
+                .join("\n")}
+}
+`)
+                .join("\n"),
+        } }));
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === "string" ? (config[label]?.label ?? label) : itemConfig?.label;
+        if (labelFormatter) {
+            return _jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        }
+        if (!value) {
+            return null;
+        }
+        return _jsx("div", { className: cn("font-medium", labelClassName), children: value });
+    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+    if (!active || !payload?.length) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return (_jsxs("div", { "data-slot": "chart-tooltip", className: cn(popupSurface, "grid min-w-32 items-start gap-1.5 px-2.5 py-1.5 text-xs", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
+                    .filter((item) => item.type !== "none")
+                    .map((item, index) => {
+                    const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
+                    return (_jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)", {
+                                        "h-2.5 w-2.5": indicator === "dot",
+                                        "w-1": indicator === "line",
+                                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                                        "my-0.5": nestLabel && indicator === "dashed",
+                                    }), style: {
+                                        "--color-bg": indicatorColor,
+                                        "--color-border": indicatorColor,
+                                    } }))), _jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number"
+                                                ? item.value.toLocaleString()
+                                                : String(item.value) }))] })] })) }, index));
+                }) })] }));
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
+    const { config } = useChart();
+    if (!payload?.length) {
+        return null;
+    }
+    return (_jsx("div", { "data-slot": "chart-legend", className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-muted-foreground", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
+            .filter((item) => item.type !== "none")
+            .map((item, index) => {
+            const key = `${nameKey ?? item.dataKey ?? "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            return (_jsxs("div", { "data-slot": "chart-legend-item", className: "flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground", children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "size-2 shrink-0 rounded-xs", style: {
+                            backgroundColor: item.color,
+                        } })), itemConfig?.label] }, index));
+        }) }));
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== "object" || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
+        ? payload.payload
+        : undefined;
+    let configLabelKey = key;
+    if (key in payload && typeof payload[key] === "string") {
+        configLabelKey = payload[key];
+    }
+    else if (payloadPayload &&
+        key in payloadPayload &&
+        typeof payloadPayload[key] === "string") {
+        configLabelKey = payloadPayload[key];
+    }
+    return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+//# sourceMappingURL=chart.js.map

package/dist/components/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/components/chart.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { CheckboxGroup as CheckboxGroupPrimitive } from "@base-ui/react/checkbox-group";
+/**
+ * Shared state for a set of checkboxes: `value` is the array of checked `Checkbox` values. Give the
+ * group `allValues` and one `<Checkbox parent />` to get a "select all" box that turns indeterminate
+ * when only some children are checked.
+ */
+declare function CheckboxGroup({ className, ...props }: CheckboxGroupPrimitive.Props): import("react").JSX.Element;
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../src/components/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,sBAAsB,EAAC,MAAM,+BAA+B,CAAC;AAGtF;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,sBAAsB,CAAC,KAAK,+BAQzE;AAED,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/dist/components/checkbox-group.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckboxGroup as CheckboxGroupPrimitive } from "@base-ui/react/checkbox-group";
+import { cn } from "cn";
+/**
+ * Shared state for a set of checkboxes: `value` is the array of checked `Checkbox` values. Give the
+ * group `allValues` and one `<Checkbox parent />` to get a "select all" box that turns indeterminate
+ * when only some children are checked.
+ */
+function CheckboxGroup({ className, ...props }) {
+    return (_jsx(CheckboxGroupPrimitive, { "data-slot": "checkbox-group", className: cn("flex flex-col items-start gap-3", className), ...props }));
+}
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/components/checkbox-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,aAAa,IAAI,sBAAsB,EAAC,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACH,KAAC,sBAAsB,iBACT,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KACvD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/dist/components/checkbox.d.ts

@@ -0,0 +1,6 @@
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+/** Box classes, exported so a custom element can look like a checkbox. */
+declare const checkboxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react").JSX.Element;
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAMtE,0EAA0E;AAC1E,QAAA,MAAM,gBAAgB,oFAapB,CAAC;AAEH,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,+BAYpE;AAED,OAAO,EAAC,QAAQ,EAAE,gBAAgB,EAAC,CAAC"}