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

package/dist/components/empty.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { heading } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const emptyVariants = cva("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl p-6 text-center text-balance", {
+    variants: {
+        variant: {
+            default: "",
+            // drop zone / placeholder region: a dashed outline marks where content will appear
+            outline: "border border-dashed border-border",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+function Empty({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "empty", "data-variant": variant ?? "default", className: cn(emptyVariants({ variant }), className), ...props }));
+}
+function EmptyHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-1.5", className), ...props }));
+}
+const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "size-10 rounded-lg border border-transparent bg-muted text-foreground hc:border-border [&_svg:not([class*='size-'])]:size-5",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant }), className), ...props }));
+}
+function EmptyTitle({ className, ...props }) {
+    return _jsx("div", { "data-slot": "empty-title", className: cn(heading, "text-sm", className), ...props });
+}
+function EmptyDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-text", className), ...props }));
+}
+function EmptyContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className), ...props }));
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle, emptyVariants };
+//# sourceMappingURL=empty.js.map

package/dist/components/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../src/components/empty.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AACvD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,MAAM,aAAa,GAAG,GAAG,CACrB,+GAA+G,EAC/G;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,mFAAmF;YACnF,OAAO,EAAE,oCAAoC;SAChD;KACJ;IACD,eAAe,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;CACxC,CACJ,CAAC;AAEF,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAmE;IAC3G,OAAO,CACH,2BACc,OAAO,kBACH,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KAC9C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACH,2BACc,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,MAAM,kBAAkB,GAAG,GAAG,CAC1B,6FAA6F,EAC7F;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,6HAA6H;SACtI;KACJ;IACD,eAAe,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;CACxC,CACJ,CAAC;AAEF,SAAS,UAAU,CAAC,EAChB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EAC4D;IACpE,OAAO,CACH,2BACc,YAAY,kBACR,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IAClE,OAAO,2BAAe,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACpG,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACxE,OAAO,CACH,2BACc,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACT,8GAA8G,EAC9G,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACpE,OAAO,CACH,2BACc,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,iFAAiF,EAAE,SAAS,CAAC,KACvG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/field.d.ts

@@ -0,0 +1,25 @@
+import { Label } from "@repraze/kernelkit/components/label";
+import { type VariantProps } from "class-variance-authority";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,qCAAqC,CAAC;AAE1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAWxE;AAED,iBAAS,WAAW,CAAC,EACjB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAC,+BAYjE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWrE;AAED,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACX,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQvE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAiB5E;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWrE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAazE;AAED,iBAAS,cAAc,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,+BAuBA;AAED,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,SAAS,CAAC,CAAC;CAClD,sCAqCA;AAED,OAAO,EACH,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,GACb,CAAC"}

package/dist/components/field.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "@repraze/kernelkit/components/label";
+import { Separator } from "@repraze/kernelkit/components/separator";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { useMemo } from "react";
+function FieldSet({ className, ...props }) {
+    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:font-heading data-[variant=legend]:text-base data-[variant=legend]:tracking-tight", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className), ...props }));
+}
+const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:[&_[data-slot=field-label]]:text-danger", {
+    variants: {
+        orientation: {
+            vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+            horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", 
+        // choice card: a FieldLabel wrapping a Field with a checkbox / radio / switch
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:border-input has-[>[data-slot=field]]:transition-[color,background-color,border-color,box-shadow] *:data-[slot=field]:p-3", "has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-hover has-[>[data-slot=field]]:has-[:disabled,[data-disabled]]:opacity-50", "has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50", 
+        // checked: primary border + faint primary fill (§6: never shade alone)
+        "has-[>[data-slot=field]]:has-data-checked:border-primary-text has-[>[data-slot=field]]:has-data-checked:bg-primary/5 dark:has-[>[data-slot=field]]:has-data-checked:bg-primary/10", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-description", className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-text", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    // Lines either side of the label instead of a label with a background: works on any surface.
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 flex h-5 items-center gap-2 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "flex-1" }), children && (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0 text-muted-foreground", "data-slot": "field-separator-content", children: children }), _jsx(Separator, { className: "flex-1" })] }))] }));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+        if (uniqueErrors?.length == 1) {
+            return uniqueErrors[0]?.message;
+        }
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-danger", className), ...props, children: content }));
+}
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

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

package/dist/components/file-upload.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/** Drop zone classes, exported so other drop targets can share the look. */
+declare const fileUploadVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+interface FileUploadProps extends Omit<React.ComponentProps<"div">, "onChange" | "title"> {
+    /** Same as the file input's `accept` (".csv,application/json", "image/*"…). */
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    /** Shows a spinner and blocks new files while an upload runs. */
+    isLoading?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Replaces the default "Browse files" affordance. */
+    children?: React.ReactNode;
+    /** Called with the picked or dropped files (never empty). */
+    onChange?: (files: File[]) => void;
+    /** Name of the hidden file input, for native form posts. */
+    name?: string;
+}
+/** Drag-and-drop zone that also opens the file picker on click, Enter or Space. */
+declare function FileUpload({ accept, multiple, disabled, isLoading, title, description, children, onChange, name, className, ...props }: FileUploadProps): React.JSX.Element;
+export { FileUpload, fileUploadVariants };
+export type { FileUploadProps };
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/components/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../src/components/file-upload.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4EAA4E;AAC5E,QAAA,MAAM,kBAAkB,oFAStB,CAAC;AAEH,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACrF,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,mFAAmF;AACnF,iBAAS,UAAU,CAAC,EAChB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAsB,EACtB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACX,EAAE,eAAe,qBA4HjB;AAED,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC;AACxC,YAAY,EAAC,eAAe,EAAC,CAAC"}

package/dist/components/file-upload.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "@repraze/kernelkit/components/button";
+import { Spinner } from "@repraze/kernelkit/components/spinner";
+import { focusRing, heading } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { UploadIcon } from "lucide-react";
+import * as React from "react";
+/** Drop zone classes, exported so other drop targets can share the look. */
+const fileUploadVariants = cva([
+    "group/upload relative flex cursor-pointer flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input p-6 text-center text-balance select-none",
+    "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none",
+    focusRing,
+    "hover:bg-hover",
+    "data-drag-over:border-primary-text data-drag-over:bg-primary/5",
+    "aria-invalid:border-danger aria-invalid:ring-3 aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40",
+    "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
+    "data-loading:pointer-events-none data-loading:cursor-progress",
+]);
+/** Drag-and-drop zone that also opens the file picker on click, Enter or Space. */
+function FileUpload({ accept, multiple, disabled, isLoading, title = "Upload files", description, children, onChange, name, className, ...props }) {
+    const inputRef = React.useRef(null);
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const inactive = disabled || isLoading;
+    const titleId = React.useId();
+    const descriptionId = React.useId();
+    function handleFiles(fileList) {
+        const files = Array.from(fileList);
+        if (files.length > 0) {
+            onChange?.(multiple ? files : files.slice(0, 1));
+        }
+    }
+    function open() {
+        if (!inactive) {
+            inputRef.current?.click();
+        }
+    }
+    function handleDragOver(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!inactive) {
+            setIsDragOver(true);
+        }
+    }
+    function handleDragLeave(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        // ignore leaving into a child of the zone
+        if (e.currentTarget.contains(e.relatedTarget)) {
+            return;
+        }
+        setIsDragOver(false);
+    }
+    function handleDrop(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        if (!inactive && e.dataTransfer.files.length > 0) {
+            handleFiles(e.dataTransfer.files);
+        }
+    }
+    return (_jsxs("div", { "data-slot": "file-upload", "data-drag-over": isDragOver || undefined, "data-disabled": disabled || undefined, "data-loading": isLoading || undefined, role: "button", tabIndex: inactive ? -1 : 0, "aria-disabled": disabled || undefined, "aria-busy": isLoading || undefined, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, className: cn(fileUploadVariants(), className), onClick: open, onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                open();
+            }
+        }, onDragOver: handleDragOver, onDragEnter: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, ...props, children: [_jsx("input", { ref: inputRef, "data-slot": "file-upload-input", type: "file", name: name, accept: accept, multiple: multiple, disabled: inactive, className: "sr-only", tabIndex: -1, "aria-hidden": true, onClick: (e) => e.stopPropagation(), onChange: (e) => {
+                    if (e.target.files) {
+                        handleFiles(e.target.files);
+                        e.target.value = "";
+                    }
+                } }), _jsxs("div", { "data-slot": "file-upload-header", className: "flex max-w-sm flex-col items-center gap-1", children: [_jsx("div", { "data-slot": "file-upload-icon", className: "mb-2 flex size-10 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground transition-colors group-data-drag-over/upload:border-primary-text group-data-drag-over/upload:text-primary-text", children: isLoading ? _jsx(Spinner, {}) : _jsx(UploadIcon, { className: "pointer-events-none size-4 shrink-0" }) }), title ? (_jsx("p", { id: titleId, "data-slot": "file-upload-title", className: cn(heading, "text-sm"), children: title })) : null, description ? (_jsx("p", { id: descriptionId, "data-slot": "file-upload-description", className: "text-sm text-muted-foreground", children: description })) : null] }), isLoading
+                ? null
+                : (children ?? (_jsx("span", { "data-slot": "file-upload-browse", "aria-hidden": true, className: buttonVariants({ variant: "outline", size: "sm", className: "pointer-events-none" }), children: "Browse files" })))] }));
+}
+export { FileUpload, fileUploadVariants };
+//# sourceMappingURL=file-upload.js.map

package/dist/components/file-upload.js.map

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

package/dist/components/hero.d.ts

@@ -0,0 +1,39 @@
+import { useRender } from "@base-ui/react/use-render";
+import type * as React from "react";
+/**
+ * The suite's landing hero: a full-bleed band under the header (muted surface, bottom border) with
+ * centered content at the site width. The default backdrop is a dot grid fading out from the center;
+ * pass `background` to replace it (an animation, a canvas).
+ *
+ * ```tsx
+ * <Hero>
+ *   <HeroMedia><Logo /></HeroMedia>
+ *   <HeroEyebrow><Badge>v0.1</Badge></HeroEyebrow>
+ *   <HeroTitle>Components with a <span className="text-primary-text">kernel</span> of contrast.</HeroTitle>
+ *   <HeroDescription>…</HeroDescription>
+ *   <HeroActions><Button size="lg">Get started</Button></HeroActions>
+ * </Hero>
+ * ```
+ */
+interface HeroProps extends Omit<React.ComponentProps<"section">, "children"> {
+    children?: React.ReactNode;
+    /** Replaces the dot grid behind the content. `null` for none. */
+    background?: React.ReactNode;
+    /** Classes for the centered content column. */
+    contentClassName?: string;
+}
+declare function Hero({ className, contentClassName, background, children, ...props }: HeroProps): React.JSX.Element;
+/** The brand mark or an illustration above the title. */
+declare function HeroMedia({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Badges above the title: version, status. */
+declare function HeroEyebrow({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** The page's one h1. Put the key word in `text-primary-text`. */
+declare function HeroTitle({ className, render, ...props }: useRender.ComponentProps<"h1">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** One or two sentences on what it is and who it is for. */
+declare function HeroDescription({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** The calls to action: one primary (solid, size lg), at most one secondary (outline). */
+declare function HeroActions({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Under the actions: an install command, a swatch strip. */
+declare function HeroFooter({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Hero, HeroActions, HeroDescription, HeroEyebrow, HeroFooter, HeroMedia, HeroTitle };
+//# sourceMappingURL=hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/components/hero.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,qBAkBrF;AAcD,yDAAyD;AACzD,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAUhF;AAED,+CAA+C;AAC/C,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAOlF;AAED,kEAAkE;AAClE,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,0EAe/E;AAED,4DAA4D;AAC5D,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAUpF;AAED,0FAA0F;AAC1F,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAOlF;AAED,6DAA6D;AAC7D,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAOjF;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/hero.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+function Hero({ className, contentClassName, background, children, ...props }) {
+    return (_jsxs("section", { "data-slot": "hero", className: cn("relative isolate overflow-hidden border-b border-border bg-muted/40", className), ...props, children: [background === undefined ? _jsx(HeroDots, {}) : background, _jsx("div", { className: cn("relative mx-auto flex w-full max-w-(--kk-site-width) flex-col items-center gap-5 px-4 py-10 text-center md:px-6 md:py-14", contentClassName), children: children })] }));
+}
+/** The default backdrop: a faint 16px dot grid (12% foreground, so high contrast's bright borders don't
+ * shout behind the title), masked to fade toward the edges. */
+function HeroDots() {
+    return (_jsx("div", { "aria-hidden": true, "data-slot": "hero-dots", className: "pointer-events-none absolute inset-0 -z-10 bg-[radial-gradient(color-mix(in_oklab,var(--foreground)_12%,transparent)_1px,transparent_1px)] bg-size-[16px_16px] mask-[radial-gradient(ellipse_at_center,black_20%,transparent_75%)]" }));
+}
+/** The brand mark or an illustration above the title. */
+function HeroMedia({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex items-center justify-center [&_svg]:shrink-0", className) }, props),
+        render,
+        state: { slot: "hero-media" },
+    });
+}
+/** Badges above the title: version, status. */
+function HeroEyebrow({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex flex-wrap items-center justify-center gap-2", className) }, props),
+        render,
+        state: { slot: "hero-eyebrow" },
+    });
+}
+/** The page's one h1. Put the key word in `text-primary-text`. */
+function HeroTitle({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "h1",
+        props: mergeProps({
+            className: cn("max-w-4xl font-heading text-4xl font-semibold tracking-tight text-balance md:text-5xl xl:text-6xl", className),
+        }, props),
+        render,
+        state: { slot: "hero-title" },
+    });
+}
+/** One or two sentences on what it is and who it is for. */
+function HeroDescription({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("max-w-2xl text-base text-pretty text-muted-foreground md:text-lg", className) }, props),
+        render,
+        state: { slot: "hero-description" },
+    });
+}
+/** The calls to action: one primary (solid, size lg), at most one secondary (outline). */
+function HeroActions({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex flex-wrap items-center justify-center gap-2", className) }, props),
+        render,
+        state: { slot: "hero-actions" },
+    });
+}
+/** Under the actions: an install command, a swatch strip. */
+function HeroFooter({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex w-full flex-col items-center gap-3", className) }, props),
+        render,
+        state: { slot: "hero-footer" },
+    });
+}
+export { Hero, HeroActions, HeroDescription, HeroEyebrow, HeroFooter, HeroMedia, HeroTitle };
+//# sourceMappingURL=hero.js.map

package/dist/components/hero.js.map

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

package/dist/components/hover-card.d.ts

@@ -0,0 +1,6 @@
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+declare function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props): import("react").JSX.Element;
+declare function HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAKhF,iBAAS,SAAS,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,+BAE7D;AAED,iBAAS,gBAAgB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,+BAEvE;AAED,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,GAAG,KAAK,EACX,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAC/B,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,+BAkB/F;AAED,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/hover-card.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import { popupMotion, popupSurface } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cn } from "cn";
+function HoverCard({ ...props }) {
+    return _jsx(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+    return _jsx(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, ...props }) {
+    return (_jsx(PreviewCardPrimitive.Portal, { container: usePortalContainer(), "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn(popupSurface, popupMotion, "z-50 w-64 p-3 text-sm outline-hidden", className), ...props }) }) }));
+}
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,SAAS,SAAS,CAAC,EAAC,GAAG,KAAK,EAAkC;IAC1D,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,YAAY,KAAK,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,GAAG,KAAK,EAAqC;IACpE,OAAO,KAAC,oBAAoB,CAAC,OAAO,iBAAW,oBAAoB,KAAK,KAAK,GAAI,CAAC;AACtF,CAAC;AAED,SAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,GAAG,KAAK,EAEoF;IAC5F,OAAO,CACH,KAAC,oBAAoB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,eAAY,mBAAmB,YACvF,KAAC,oBAAoB,CAAC,UAAU,IAC5B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,cAAc,YAExB,KAAC,oBAAoB,CAAC,KAAK,iBACb,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,sCAAsC,EAAE,SAAS,CAAC,KACvF,KAAK,GACX,GAC4B,GACR,CACjC,CAAC;AACN,CAAC;AAED,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import { Button } from "@repraze/kernelkit/components/button";
+import { Input } from "@repraze/kernelkit/components/input";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const inputGroupVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroup({ className, size, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, onClick, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, inputGroupButtonVariants, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupVariants, };
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,qCAAqC,CAAC;AAG1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,kBAAkB;;8EAyBvB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,qBAUvE;AAED,QAAA,MAAM,uBAAuB;;8EAiB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,KAAsB,EACtB,OAAO,EACP,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAiB5E;AAED,QAAA,MAAM,wBAAwB;;8EAY5B,CAAC;AAEH,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACzD,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACxC,qBAeJ;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW1E;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAYjF;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlF;AAED,OAAO,EACH,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACrB,CAAC"}

package/dist/components/input-group.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@repraze/kernelkit/components/button";
+import { Input } from "@repraze/kernelkit/components/input";
+import { Textarea } from "@repraze/kernelkit/components/textarea";
+import { fieldSurface } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+const inputGroupVariants = cva([
+    fieldSurface,
+    "group/input-group relative flex w-full min-w-0 items-center outline-none",
+    // focus ring on the container while its control has focus (§6 composite controls)
+    "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50",
+    "has-aria-invalid:border-danger has-aria-invalid:ring-3 has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40",
+    "has-[[data-slot=input-group-control]:disabled]:bg-field-disabled has-[[data-slot=input-group-control]:disabled]:opacity-50 hc:has-[[data-slot=input-group-control]:disabled]:bg-transparent dark:hc:has-[[data-slot=input-group-control]:disabled]:bg-transparent",
+    // inside a combobox popup the search field sits flush, no ring
+    "in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0",
+    // block addons stack above / below the control
+    "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto",
+    "has-[>[data-align=block-end]]:[&>input]:h-8 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:h-8 has-[>[data-align=block-start]]:[&>input]:pb-3",
+    "has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+], {
+    variants: {
+        size: {
+            sm: "h-7 rounded-md text-[0.8rem]",
+            default: "h-8",
+            lg: "h-9",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function InputGroup({ className, size = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "input-group", "data-size": size, role: "group", className: cn(inputGroupVariants({ size }), className), ...props }));
+}
+const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-has-[[data-slot=input-group-control]:disabled]/input-group:opacity-50 [&>kbd]:rounded-md [&>svg:not([class*='size-'])]:size-4 group-data-[size=sm]/input-group:text-[0.8rem] group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-3.5", {
+    variants: {
+        align: {
+            "inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+            "inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+            "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+            "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
+        },
+    },
+    defaultVariants: {
+        align: "inline-start",
+    },
+});
+function InputGroupAddon({ className, align = "inline-start", onClick, ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            onClick?.(e);
+            if (e.defaultPrevented || e.target.closest("button")) {
+                return;
+            }
+            e.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
+        }, ...props }));
+}
+const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-md px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: "",
+            "icon-xs": "size-6 rounded-md p-0 has-[>svg]:p-0",
+            "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+    return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), 
+        // a small group gets a smaller button so it keeps a 2px inset
+        "group-data-[size=sm]/input-group:data-[size=icon-xs]:size-5 group-data-[size=sm]/input-group:data-[size=icon-xs]:rounded-sm group-data-[size=sm]/input-group:data-[size=xs]:h-5 group-data-[size=sm]/input-group:data-[size=xs]:rounded-sm", className), ...props }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "input-group-text", className: cn("flex items-center gap-2 text-sm text-muted-foreground group-data-[size=sm]/input-group:text-[0.8rem] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function InputGroupInput({ className, ...props }) {
+    return (_jsx(Input, { "data-slot": "input-group-control", className: cn("h-full flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", "group-data-[size=sm]/input-group:px-2 group-data-[size=sm]/input-group:md:text-[0.8rem] group-data-[size=lg]/input-group:px-3", className), ...props }));
+}
+function InputGroupTextarea({ className, ...props }) {
+    return (_jsx(Textarea, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className), ...props }));
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, inputGroupButtonVariants, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupVariants, };
+//# sourceMappingURL=input-group.js.map

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

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

package/dist/components/input-otp.d.ts

@@ -0,0 +1,13 @@
+import { OTPInput } from "input-otp";
+import * as React from "react";
+/** Pass `aria-invalid` to `InputOTP` (it lands on the hidden input) and every slot turns danger. */
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): React.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): React.JSX.Element;
+declare function InputOTPSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/components/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/components/input-otp.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,QAAQ,EAAkB,MAAM,WAAW,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oGAAoG;AACpG,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,qBAaA;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,YAAY,CAAC,EAClB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;CACjB,qBA2BA;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAC,CAAC"}