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

package/dist/components/input-otp.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import * as React from "react";
+/** Pass `aria-invalid` to `InputOTP` (it lands on the hidden input) and every slot turns danger. */
+function InputOTP({ className, containerClassName, ...props }) {
+    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("group/input-otp cn-input-otp flex items-center gap-2 has-disabled:opacity-50", containerClassName), spellCheck: false, className: cn("disabled:cursor-not-allowed", className), ...props }));
+}
+function InputOTPGroup({ className, ...props }) {
+    return _jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center rounded-lg", className), ...props });
+}
+function InputOTPSlot({ index, className, ...props }) {
+    const inputOTPContext = React.useContext(OTPInputContext);
+    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("relative flex size-8 items-center justify-center border-y border-r border-input font-mono text-sm tabular-nums transition-[color,background-color,border-color,box-shadow] outline-none first:rounded-l-lg first:border-l last:rounded-r-lg bg-field hc:bg-transparent dark:hc:bg-transparent", "group-has-disabled/input-otp:bg-field-disabled", "data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50", 
+        // invalid: on the slot itself or on the OTP input
+        "aria-invalid:border-danger group-has-[input[aria-invalid=true]]/input-otp:border-danger", "data-[active=true]:aria-invalid:ring-danger/20 group-has-[input[aria-invalid=true]]/input-otp:data-[active=true]:ring-danger/20 dark:data-[active=true]:aria-invalid:ring-danger/40 dark:group-has-[input[aria-invalid=true]]/input-otp:data-[active=true]:ring-danger/40", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
+}
+function InputOTPSeparator({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "input-otp-separator", className: cn("flex items-center text-muted-foreground [&_svg:not([class*='size-'])]:size-4", className), role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
+}
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../src/components/input-otp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,WAAW,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oGAAoG;AACpG,SAAS,QAAQ,CAAC,EACd,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EAGX;IACG,OAAO,CACH,KAAC,QAAQ,iBACK,WAAW,EACrB,kBAAkB,EAAE,EAAE,CAClB,8EAA8E,EAC9E,kBAAkB,CACrB,EACD,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACpH,CAAC;AAED,SAAS,YAAY,CAAC,EAClB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAGX;IACG,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,EAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAC,GAAG,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE3E,OAAO,CACH,4BACc,gBAAgB,iBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CACT,+RAA+R,EAC/R,gDAAgD,EAChD,kHAAkH;QAClH,kDAAkD;QAClD,yFAAyF,EACzF,2QAA2Q,EAC3Q,SAAS,CACZ,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CACb,cAAK,SAAS,EAAC,uEAAuE,YAClF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GAC1E,CACT,IACC,CACT,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACzE,OAAO,CACH,2BACc,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,8EAA8E,EAAE,SAAS,CAAC,EACxG,IAAI,EAAC,WAAW,KACZ,KAAK,YAET,KAAC,SAAS,KAAG,GACX,CACT,CAAC;AACN,CAAC;AAED,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAC,CAAC"}

package/dist/components/input.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {
+    size?: "sm" | "default" | "lg";
+    /** Native `size` attribute (character width), renamed since `size` is the control size. */
+    htmlSize?: number;
+}
+declare function Input({ className, type, size, htmlSize, ...props }: InputProps): React.JSX.Element;
+export { Input, inputVariants };
+export type { InputProps };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,qBAWjF;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC;AAC9B,YAAY,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/input.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { fieldSurface, focusRing, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+const inputVariants = cva([
+    fieldSurface,
+    focusRing,
+    invalidRing,
+    "w-full min-w-0 py-1 text-base md:text-sm",
+    "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+], {
+    variants: {
+        // Same heights as Button / Select / Tabs (GUIDELINES.md §4) so mixed rows line up.
+        size: {
+            sm: "h-7 rounded-md px-2 file:h-5 md:text-[0.8rem]",
+            default: "h-8 px-2.5 file:h-6",
+            lg: "h-9 px-3 file:h-7",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Input({ className, type, size = "default", htmlSize, ...props }) {
+    return (_jsx(InputPrimitive, { type: type, "data-slot": "input", "data-size": size, size: htmlSize, className: cn(inputVariants({ size }), className), ...props }));
+}
+export { Input, inputVariants };
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,aAAa,GAAG,GAAG,CACrB;IACI,YAAY;IACZ,SAAS;IACT,WAAW;IACX,0CAA0C;IAC1C,uGAAuG;CAC1G,EACD;IACI,QAAQ,EAAE;QACN,mFAAmF;QACnF,IAAI,EAAE;YACF,EAAE,EAAE,+CAA+C;YACnD,OAAO,EAAE,qBAAqB;YAC9B,EAAE,EAAE,mBAAmB;SAC1B;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAQF,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IAC9E,OAAO,CACH,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,eACA,OAAO,eACN,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAC3C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/item.d.ts

@@ -0,0 +1,23 @@
+import { useRender } from "@base-ui/react/use-render";
+import { Separator } from "@repraze/kernelkit/components/separator";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | "tile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, itemMediaVariants, ItemSeparator, ItemTitle, itemVariants, };
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/components/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,yCAAyC,CAAC;AAElE,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYpE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBAInF;AAED,QAAA,MAAM,YAAY;;;8EAyBjB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACV,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,0EAgBrE;AAED,QAAA,MAAM,iBAAiB;;8EAgBtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,qBAStE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWpE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAWxE;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,qBAQrE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQrE;AAED,OAAO,EACH,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,YAAY,GACf,CAAC"}

package/dist/components/item.js

@@ -0,0 +1,89 @@
+"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 { Separator } from "@repraze/kernelkit/components/separator";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+function ItemGroup({ className, ...props }) {
+    return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className), ...props }));
+}
+function ItemSeparator({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-2", className), ...props }));
+}
+const itemVariants = cva([
+    "group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-[color,background-color,border-color,box-shadow] duration-100",
+    focusRing,
+    // interactive items (rendered as a link or button) get the hover wash; selected = border + tint
+    "[a]:hover:bg-hover [button]:hover:bg-hover [button]:text-left aria-[current=page]:border-primary-text aria-[current=page]:bg-accent aria-selected:border-primary-text aria-selected:bg-accent",
+], {
+    variants: {
+        variant: {
+            default: "border-transparent",
+            outline: "border-border",
+            muted: "border-transparent bg-muted/50",
+        },
+        size: {
+            default: "gap-3 px-4 py-3",
+            sm: "gap-2.5 px-3 py-2.5",
+            xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Item({ className, variant = "default", size = "default", render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn(itemVariants({ variant, size, className })),
+        }, props),
+        render,
+        state: {
+            slot: "item",
+            variant,
+            size,
+        },
+    });
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "[&_svg:not([class*='size-'])]:size-4",
+            /** Boxed icon tile, aligned with the image size. */
+            tile: "size-8 rounded-md border border-border bg-muted text-muted-foreground group-data-[size=xs]/item:size-6 [&_svg:not([class*='size-'])]:size-4",
+            image: "size-10 overflow-hidden rounded-md group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
+}
+function ItemContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className), ...props }));
+}
+function ItemTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-title", className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className), ...props }));
+}
+function ItemDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "item-description", className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-foreground", className), ...props }));
+}
+function ItemActions({ className, ...props }) {
+    return _jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
+}
+function ItemHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+function ItemFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, itemMediaVariants, ItemSeparator, ItemTitle, itemVariants, };
+//# sourceMappingURL=item.js.map

package/dist/components/item.js.map

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

package/dist/components/kbd.d.ts

@@ -0,0 +1,11 @@
+import type * as React from "react";
+/** A keycap: mono, `rounded-sm`, a thicker bottom border for the key look (readable in hc). */
+declare const kbdVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Kbd({ className, size, ...props }: React.ComponentProps<"kbd"> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+export { Kbd, KbdGroup, kbdVariants };
+//# sourceMappingURL=kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,+FAA+F;AAC/F,QAAA,MAAM,WAAW;;8EAehB,CAAC;AAEF,iBAAS,GAAG,CAAC,EAAC,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAC,qBAE5G;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQnE;AAED,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/kbd.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/** A keycap: mono, `rounded-sm`, a thicker bottom border for the key look (readable in hc). */
+const kbdVariants = cva([
+    "pointer-events-none inline-flex w-fit items-center justify-center gap-1 rounded-sm border border-b-2 border-border bg-muted font-mono font-medium text-muted-foreground select-none [&_svg]:shrink-0",
+    // inside a tooltip (inverted surface) the key becomes a translucent chip
+    "in-data-[slot=tooltip-content]:border-transparent in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
+], {
+    variants: {
+        size: {
+            sm: "h-4 min-w-4 px-0.5 text-[0.625rem] [&_svg:not([class*='size-'])]:size-2.5",
+            default: "h-5 min-w-5 px-1 text-xs [&_svg:not([class*='size-'])]:size-3",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Kbd({ className, size = "default", ...props }) {
+    return _jsx("kbd", { "data-slot": "kbd", "data-size": size, className: cn(kbdVariants({ size }), className), ...props });
+}
+function KbdGroup({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1 font-mono text-xs text-muted-foreground", className), ...props }));
+}
+export { Kbd, KbdGroup, kbdVariants };
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,+FAA+F;AAC/F,MAAM,WAAW,GAAG,GAAG,CACnB;IACI,sMAAsM;IACtM,yEAAyE;IACzE,uMAAuM;CAC1M,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,2EAA2E;YAC/E,OAAO,EAAE,+DAA+D;SAC3E;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAEF,SAAS,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAA0D;IACzG,OAAO,2BAAe,KAAK,eAAY,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9G,CAAC;AAED,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IAChE,OAAO,CACH,2BACc,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,KAC9F,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAWlE;AAED,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/label.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import * as React from "react";
+function Label({ className, ...props }) {
+    return (_jsx("label", { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-data-disabled:cursor-not-allowed peer-data-disabled:opacity-50 has-data-disabled:cursor-not-allowed has-data-disabled:opacity-50", className), ...props }));
+}
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC/D,OAAO,CACH,6BACc,OAAO,EACjB,SAAS,EAAE,EAAE,CACT,2VAA2V,EAC3V,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/marker.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const markerVariants: (props?: ({
+    variant?: "default" | "separator" | "border" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function MarkerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function MarkerContent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Marker, MarkerContent, MarkerIcon, markerVariants };
+//# sourceMappingURL=marker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marker.d.ts","sourceRoot":"","sources":["../../src/components/marker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,cAAc;;8EAYnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,MAAM,EACN,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,0EAevE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAStE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAWzE;AAED,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/marker.js

@@ -0,0 +1,37 @@
+"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 { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+const markerVariants = cva("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", {
+    variants: {
+        variant: {
+            default: "",
+            separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+            border: "border-b border-border pb-2",
+        },
+    },
+});
+function Marker({ className, variant = "default", render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn(markerVariants({ variant, className })),
+        }, props),
+        render,
+        state: {
+            slot: "marker",
+            variant,
+        },
+    });
+}
+function MarkerIcon({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "marker-icon", "aria-hidden": "true", className: cn("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function MarkerContent({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "marker-content", className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props }));
+}
+export { Marker, MarkerContent, MarkerIcon, markerVariants };
+//# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.js","sourceRoot":"","sources":["../../src/components/marker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,cAAc,GAAG,GAAG,CACtB,0MAA0M,EAC1M;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,SAAS,EACL,wIAAwI;YAC5I,MAAM,EAAE,6BAA6B;SACxC;KACJ;CACJ,CACJ,CAAC;AAEF,SAAS,MAAM,CAAC,EACZ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,GAAG,KAAK,EAC4D;IACpE,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;SACtD,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,OAAO;SACV;KACJ,CAAC,CAAC;AACP,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO,CACH,4BACc,aAAa,iBACX,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,KAC5E,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACH,4BACc,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,gMAAgM,EAChM,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/menubar.d.ts

@@ -0,0 +1,23 @@
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "@repraze/kernelkit/components/dropdown-menu";
+import * as React from "react";
+/** Bordered bar at the control height (GUIDELINES §4); triggers sit inside its 3px padding. */
+declare function Menubar({ className, ...props }: MenubarPrimitive.Props): React.JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): React.JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): React.JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>): React.JSX.Element;
+/** Top-level menu button: hover wash, kept while its menu is open. */
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>): React.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
+declare function MenubarItem({ ...props }: React.ComponentProps<typeof DropdownMenuItem>): React.JSX.Element;
+declare function MenubarCheckboxItem({ ...props }: React.ComponentProps<typeof DropdownMenuCheckboxItem>): React.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>): React.JSX.Element;
+declare function MenubarRadioItem({ ...props }: React.ComponentProps<typeof DropdownMenuRadioItem>): React.JSX.Element;
+declare function MenubarLabel({ ...props }: React.ComponentProps<typeof DropdownMenuLabel>): React.JSX.Element;
+declare function MenubarSeparator({ ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): React.JSX.Element;
+declare function MenubarShortcut({ ...props }: React.ComponentProps<typeof DropdownMenuShortcut>): React.JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>): React.JSX.Element;
+declare function MenubarSubTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger>): React.JSX.Element;
+declare function MenubarSubContent({ ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): React.JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.d.ts.map

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

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

package/dist/components/menubar.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "@repraze/kernelkit/components/dropdown-menu";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import * as React from "react";
+/** Bordered bar at the control height (GUIDELINES §4); triggers sit inside its 3px padding. */
+function Menubar({ className, ...props }) {
+    return (_jsx(MenubarPrimitive, { "data-slot": "menubar", className: cn("flex h-8 w-fit items-center gap-0.5 rounded-lg border border-border bg-background p-[3px]", className), ...props }));
+}
+function MenubarMenu({ ...props }) {
+    return _jsx(DropdownMenu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({ ...props }) {
+    return _jsx(DropdownMenuGroup, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({ ...props }) {
+    return _jsx(DropdownMenuPortal, { "data-slot": "menubar-portal", ...props });
+}
+/** Top-level menu button: hover wash, kept while its menu is open. */
+function MenubarTrigger({ className, ...props }) {
+    return (_jsx(DropdownMenuTrigger, { "data-slot": "menubar-trigger", className: cn("flex h-full items-center gap-1.5 rounded-md px-2 text-sm font-medium select-none", "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none", focusRing, "hover:bg-hover data-popup-open:bg-hover disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
+    return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("w-auto min-w-48", className), ...props }));
+}
+// Rows come from dropdown-menu (listItem recipe); only the data-slot changes.
+function MenubarItem({ ...props }) {
+    return _jsx(DropdownMenuItem, { "data-slot": "menubar-item", ...props });
+}
+function MenubarCheckboxItem({ ...props }) {
+    return _jsx(DropdownMenuCheckboxItem, { "data-slot": "menubar-checkbox-item", ...props });
+}
+function MenubarRadioGroup({ ...props }) {
+    return _jsx(DropdownMenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({ ...props }) {
+    return _jsx(DropdownMenuRadioItem, { "data-slot": "menubar-radio-item", ...props });
+}
+function MenubarLabel({ ...props }) {
+    return _jsx(DropdownMenuLabel, { "data-slot": "menubar-label", ...props });
+}
+function MenubarSeparator({ ...props }) {
+    return _jsx(DropdownMenuSeparator, { "data-slot": "menubar-separator", ...props });
+}
+function MenubarShortcut({ ...props }) {
+    return _jsx(DropdownMenuShortcut, { "data-slot": "menubar-shortcut", ...props });
+}
+function MenubarSub({ ...props }) {
+    return _jsx(DropdownMenuSub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({ ...props }) {
+    return _jsx(DropdownMenuSubTrigger, { "data-slot": "menubar-sub-trigger", ...props });
+}
+function MenubarSubContent({ ...props }) {
+    return _jsx(DropdownMenuSubContent, { "data-slot": "menubar-sub-content", ...props });
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

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

package/dist/components/message-scroller.d.ts

@@ -0,0 +1,11 @@
+import { Button } from "@repraze/kernelkit/components/button";
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
+import * as React from "react";
+declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): React.JSX.Element;
+declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): React.JSX.Element;
+declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): React.JSX.Element;
+declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>): React.JSX.Element;
+declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>): React.JSX.Element;
+declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
+//# sourceMappingURL=message-scroller.d.ts.map

package/dist/components/message-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.d.ts","sourceRoot":"","sources":["../../src/components/message-scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EACH,eAAe,IAAI,wBAAwB,EAC3C,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,EAC/B,MAAM,gCAAgC,CAAC;AAGxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,qBAErG;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,qBAQzG;AAED,iBAAS,uBAAuB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,qBAWhE;AAED,iBAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,OAAO,CAAC,qBAQnH;AAED,iBAAS,mBAAmB,CAAC,EACzB,SAAS,EACT,YAAoB,EACpB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,qBAS5D;AAED,iBAAS,qBAAqB,CAAC,EAC3B,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,MAAM,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,qBAuBhE;AAED,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC/B,CAAC"}

package/dist/components/message-scroller.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@repraze/kernelkit/components/button";
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from "@shadcn/react/message-scroller";
+import { cn } from "cn";
+import { ArrowDownIcon } from "lucide-react";
+import * as React from "react";
+function MessageScrollerProvider(props) {
+    return _jsx(MessageScrollerPrimitive.Provider, { ...props });
+}
+function MessageScroller({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Root, { "data-slot": "message-scroller", className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className), ...props }));
+}
+function MessageScrollerViewport({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Viewport, { "data-slot": "message-scroller-viewport", className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:ring-inset scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible", className), ...props }));
+}
+function MessageScrollerContent({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Content, { "data-slot": "message-scroller-content", className: cn("flex h-max min-h-full flex-col gap-6", className), ...props }));
+}
+function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Item, { "data-slot": "message-scroller-item", scrollAnchor: scrollAnchor, className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className), ...props }));
+}
+function MessageScrollerButton({ direction = "end", className, children, render, variant = "outline", size = "icon-sm", ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Button, { "data-slot": "message-scroller-button", "data-direction": direction, "data-variant": variant, "data-size": size, direction: direction, className: cn("absolute inset-s-1/2 z-10 -translate-x-1/2 rounded-pill bg-background shadow-md dark:bg-background dark:hover:bg-hover shadow-(color:--shadow-color) transition-[translate,scale,opacity,background-color] duration-200 data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180 motion-reduce:transition-none", className), render: render ?? _jsx(Button, { variant: variant, size: size }), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(ArrowDownIcon, {}), _jsx("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })] })) }));
+}
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
+//# sourceMappingURL=message-scroller.js.map

package/dist/components/message-scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.js","sourceRoot":"","sources":["../../src/components/message-scroller.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EACH,eAAe,IAAI,wBAAwB,EAC3C,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC/B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,uBAAuB,CAAC,KAAqE;IAClG,OAAO,KAAC,wBAAwB,CAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AAC5D,CAAC;AAED,SAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6D;IACtG,OAAO,CACH,KAAC,wBAAwB,CAAC,IAAI,iBAChB,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,iFAAiF,EAAE,SAAS,CAAC,KACvG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,uBAAuB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACqD;IAC7D,OAAO,CACH,KAAC,wBAAwB,CAAC,QAAQ,iBACpB,2BAA2B,EACrC,SAAS,EAAE,EAAE,CACT,qVAAqV,EACrV,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgE;IAChH,OAAO,CACH,KAAC,wBAAwB,CAAC,OAAO,iBACnB,0BAA0B,EACpC,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,mBAAmB,CAAC,EACzB,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACiD;IACzD,OAAO,CACH,KAAC,wBAAwB,CAAC,IAAI,iBAChB,uBAAuB,EACjC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CAAC,gFAAgF,EAAE,SAAS,CAAC,KACtG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC3B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAEqD;IAC7D,OAAO,CACH,KAAC,wBAAwB,CAAC,MAAM,iBAClB,yBAAyB,oBACnB,SAAS,kBACX,OAAO,eACV,IAAI,EACf,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CACT,ozBAAozB,EACpzB,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,IAAI,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,KACtD,KAAK,YAER,QAAQ,IAAI,CACT,8BACI,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,SAAS,YAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,GAAQ,IAC7F,CACN,GAC6B,CACrC,CAAC;AACN,CAAC;AAED,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC/B,CAAC"}

package/dist/components/message.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type MessageProps = React.ComponentProps<"div"> & {
+    /** `end` mirrors the row: avatar on the right, bubbles and footer aligned to the end (the user's side). */
+    align?: "start" | "end";
+};
+declare function Message({ className, align, ...props }: MessageProps): React.JSX.Element;
+declare function MessageAvatar({ className, side, ...props }: React.ComponentProps<"div"> & {
+    /** `bottom` pins next to the last bubble (chat style); `top` sits by the header, for long assistant replies. */
+    side?: "top" | "bottom";
+}): React.JSX.Element;
+declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
+export type { MessageProps };
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9C,2GAA2G;IAC3G,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,KAAe,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAYpE;AAED,iBAAS,aAAa,CAAC,EACnB,SAAS,EACT,IAAe,EACf,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,gHAAgH;IAChH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC3B,qBAYA;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWzE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAC,CAAC;AAC5F,YAAY,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/message.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import * as React from "react";
+function MessageGroup({ className, ...props }) {
+    return _jsx("div", { "data-slot": "message-group", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props });
+}
+function Message({ className, align = "start", ...props }) {
+    return (_jsx("div", { "data-slot": "message", "data-align": align, className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className), ...props }));
+}
+function MessageAvatar({ className, side = "bottom", ...props }) {
+    return (_jsx("div", { "data-slot": "message-avatar", "data-side": side, className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-pill data-[side=bottom]:group-has-data-[slot=message-footer]/message:-translate-y-8 data-[side=top]:self-start", className), ...props }));
+}
+function MessageContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "message-content", className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className), ...props }));
+}
+function MessageHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "message-header", className: cn("flex max-w-full min-w-0 items-center gap-1.5 px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 [&_time]:font-mono [&_time]:font-normal [&_time]:tabular-nums", className), ...props }));
+}
+function MessageFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "message-footer", className: cn("flex max-w-full min-w-0 items-center gap-1 px-3 text-xs text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 [&_time]:font-mono [&_time]:tabular-nums", className), ...props }));
+}
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
+//# sourceMappingURL=message.js.map

package/dist/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACpE,OAAO,2BAAe,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACxH,CAAC;AAOD,SAAS,OAAO,CAAC,EAAC,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAe;IACjE,OAAO,CACH,2BACc,SAAS,gBACP,KAAK,EACjB,SAAS,EAAE,EAAE,CACT,4FAA4F,EAC5F,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EACnB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EAIX;IACG,OAAO,CACH,2BACc,gBAAgB,eACf,IAAI,EACf,SAAS,EAAE,EAAE,CACT,yMAAyM,EACzM,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACtE,OAAO,CACH,2BACc,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,0GAA0G,EAC1G,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,CACH,2BACc,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,sUAAsU,EACtU,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,CACH,2BACc,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,mSAAmS,EACnS,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/meter.d.ts

@@ -0,0 +1,18 @@
+import { Meter as MeterPrimitive } from "@base-ui/react/meter";
+import { type ProgressSize } from "@repraze/kernelkit/components/progress";
+import type { Color } from "@repraze/kernelkit/lib/color";
+interface MeterProps extends Omit<MeterPrimitive.Root.Props, "color"> {
+    /** Indicator color. Defaults to primary; pass a status color for thresholds. */
+    color?: Color | null;
+    /** Track height: sm `h-1`, default `h-1.5`, lg `h-2`. */
+    size?: ProgressSize | null;
+}
+/** A static measurement within a known range (disk usage, quota, battery). For task completion use Progress. */
+declare function Meter({ className, children, color, size, ...props }: MeterProps): import("react").JSX.Element;
+declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react").JSX.Element;
+declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react").JSX.Element;
+declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react").JSX.Element;
+declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react").JSX.Element;
+export { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };
+export type { MeterProps };
+//# sourceMappingURL=meter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../src/components/meter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAEH,KAAK,YAAY,EAGpB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAGxD,UAAU,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;IACjE,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,gHAAgH;AAChH,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,+BAiBtE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,+BAEpE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,+BAQ5E;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,+BAEpE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,+BAQpE;AAED,OAAO,EAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC;AACnE,YAAY,EAAC,UAAU,EAAC,CAAC"}