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

package/dist/components/badge.js

@@ -0,0 +1,49 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { colorVariants, resolveFill, TINTED_COLORS, } from "@repraze/kernelkit/lib/color";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const badgeCva = cva([
+    "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-pill border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow]",
+    "has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none [&>svg]:size-3!",
+    focusRing,
+], {
+    variants: {
+        color: colorVariants,
+        variant: {
+            solid: "bg-(--c-fill) text-(--c-fill-fg) [a]:hover:bg-(--c-fill)/85",
+            soft: "bg-(--c)/12 text-(--c) dark:bg-(--c)/20 [a]:hover:bg-(--c)/20 dark:[a]:hover:bg-(--c)/30",
+            outline: "border-border text-foreground [a]:hover:bg-hover",
+            ghost: "text-foreground [a]:hover:bg-hover",
+            link: "text-(--c) underline-offset-4 hover:underline",
+        },
+    },
+    compoundVariants: [
+        {
+            variant: "solid",
+            color: "neutral",
+            class: "bg-secondary text-secondary-foreground hc:border-input [a]:hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_8%)]",
+        },
+        { variant: "soft", color: "neutral", class: "bg-(--c)/6 text-foreground dark:bg-(--c)/8" },
+        { variant: "outline", color: [...TINTED_COLORS], class: "border-(--c)/40 text-(--c) [a]:hover:bg-(--c)/10" },
+        { variant: "ghost", color: [...TINTED_COLORS], class: "text-(--c) [a]:hover:bg-(--c)/10" },
+    ],
+    defaultVariants: { variant: "solid", color: "primary" },
+});
+/** Badge classes for any element. Accepts the shadcn aliases and default colors. */
+function badgeVariants({ variant, color, className, } = {}) {
+    return cn(badgeCva(resolveFill(variant, color)), className);
+}
+function Badge({ className, variant, color, render, ...props }) {
+    const fill = resolveFill(variant, color);
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps({ className: cn(badgeCva(fill), className) }, props),
+        render,
+        state: { slot: "badge", variant: fill.variant, color: fill.color },
+    });
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAEH,aAAa,EAGb,WAAW,EACX,aAAa,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,MAAM,QAAQ,GAAG,GAAG,CAChB;IACI,mPAAmP;IACnP,mHAAmH;IACnH,SAAS;CACZ,EACD;IACI,QAAQ,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE;YACL,KAAK,EAAE,6DAA6D;YACpE,IAAI,EAAE,0FAA0F;YAChG,OAAO,EAAE,kDAAkD;YAC3D,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,+CAA+C;SACxD;KACJ;IACD,gBAAgB,EAAE;QACd;YACI,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,iIAAiI;SAC3I;QACD,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,4CAA4C,EAAC;QACxF,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,kDAAkD,EAAC;QAC1G,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAC;KAC3F;IACD,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC;CACxD,CACJ,CAAC;AAEF,oFAAoF;AACpF,SAAS,aAAa,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAS,MACoF,EAAE;IAC/F,OAAO,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAChE,CAAC;AASD,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAa;IACpE,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzC,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,UAAU,CAAS,EAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QAC5E,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC;KACnE,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAErE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWxE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAExE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAkBnF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAc1E;AAED,iBAAS,mBAAmB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAYvF;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAa9E;AAED,OAAO,EACH,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACtB,CAAC"}

package/dist/components/breadcrumb.js

@@ -0,0 +1,40 @@
+"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 { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import * as React from "react";
+function Breadcrumb({ className, ...props }) {
+    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: cn(className), ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return _jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1", className), ...props });
+}
+function BreadcrumbLink({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            className: cn("inline-flex items-center gap-1 rounded-sm transition-colors hover:text-foreground [&_svg:not([class*='size-'])]:size-3.5", focusRing, className),
+        }, props),
+        render,
+        state: {
+            slot: "breadcrumb-link",
+        },
+    });
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("inline-flex items-center gap-1 font-medium text-foreground [&_svg:not([class*='size-'])]:size-3.5", className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("text-muted-foreground [&>svg]:size-3.5", className), ...props, children: children ?? _jsx(ChevronRightIcon, {}) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-5 items-center justify-center rounded-sm [&>svg]:size-4", className), ...props, children: [_jsx(MoreHorizontalIcon, {}), _jsx("span", { className: "sr-only", children: "More" })] }));
+}
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../src/components/breadcrumb.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,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IAClE,OAAO,4BAAgB,YAAY,eAAW,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvG,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACrE,OAAO,CACH,0BACc,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,mFAAmF,EACnF,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACrE,OAAO,0BAAc,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrH,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgC;IAChF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CACT,0HAA0H,EAC1H,SAAS,EACT,SAAS,CACZ;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE;YACH,IAAI,EAAE,iBAAiB;SAC1B;KACJ,CAAC,CAAC;AACP,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACH,4BACc,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CACT,mGAAmG,EACnG,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B;IACpF,OAAO,CACH,0BACc,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,YAER,QAAQ,IAAI,KAAC,gBAAgB,KAAG,GAChC,CACR,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACH,6BACc,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,KACzF,KAAK,aAET,KAAC,kBAAkB,KAAG,EACtB,eAAM,SAAS,EAAC,SAAS,qBAAY,IAClC,CACV,CAAC;AACN,CAAC;AAED,OAAO,EACH,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACtB,CAAC"}

package/dist/components/bubble.d.ts

@@ -0,0 +1,22 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "secondary" | "destructive" | "muted" | "tinted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BubbleProps = React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+    /** Side the bubble sits on. Inside `<Message align="end">` it follows the message. */
+    align?: "start" | "end";
+};
+declare function Bubble({ variant, align, className, ...props }: BubbleProps): React.JSX.Element;
+declare const bubbleContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare const bubbleReactionsVariants: (props?: ({
+    side?: "bottom" | "top" | null | undefined;
+    align?: "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleReactionsVariants>): React.JSX.Element;
+export { Bubble, BubbleContent, bubbleContentVariants, BubbleGroup, BubbleReactions, bubbleReactionsVariants, bubbleVariants, };
+export type { BubbleProps };
+//# sourceMappingURL=bubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.ts","sourceRoot":"","sources":["../../src/components/bubble.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEtE;AAMD,QAAA,MAAM,cAAc;;8EAsBnB,CAAC;AAEF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC1C,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAClC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B,CAAC;AAEN,iBAAS,MAAM,CAAC,EAAC,OAAmB,EAAE,KAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,WAAW,qBAUvF;AAED,QAAA,MAAM,qBAAqB,oFAMzB,CAAC;AAEH,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EASpF;AAED,QAAA,MAAM,uBAAuB;;;8EAkB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACrB,IAAe,EACf,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAU5E;AAED,OAAO,EACH,MAAM,EACN,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,cAAc,GACjB,CAAC;AACF,YAAY,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/bubble.js

@@ -0,0 +1,72 @@
+"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 { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+function BubbleGroup({ className, ...props }) {
+    return _jsx("div", { "data-slot": "bubble-group", className: cn("flex min-w-0 flex-col gap-1", className), ...props });
+}
+// Grey surface variants carry a border: light secondary/muted sit within a few % of the background, and
+// high contrast flattens surface shades entirely.
+// Variants paint the child `bubble-content`, so a clickable content (`render={<button />}`) gets the hover.
+// Literal strings on purpose: Tailwind only generates classes it can read in the source.
+const bubbleVariants = cva("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+    variants: {
+        variant: {
+            default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/85",
+            secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground *:data-[slot=bubble-content]:border-border [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_8%)]",
+            muted: "*:data-[slot=bubble-content]:bg-muted *:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:border-border [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_8%)]",
+            tinted: "*:data-[slot=bubble-content]:bg-accent *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--accent),var(--foreground)_8%)]",
+            outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-hover",
+            ghost: "*:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-hover",
+            destructive: "*:data-[slot=bubble-content]:bg-danger/12 *:data-[slot=bubble-content]:text-danger dark:*:data-[slot=bubble-content]:bg-danger/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-danger/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-danger/30",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Bubble({ variant = "default", align = "start", className, ...props }) {
+    return (_jsx("div", { "data-slot": "bubble", "data-variant": variant, "data-align": align, className: cn(bubbleVariants({ variant }), className), ...props }));
+}
+const bubbleContentVariants = cva([
+    "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word",
+    // Tail: the corner pointing at the speaker is tighter (bottom-start, or bottom-end on the end side).
+    "rounded-es-sm group-data-[align=end]/bubble:self-end group-data-[align=end]/bubble:rounded-es-xl group-data-[align=end]/bubble:rounded-ee-sm group-data-[align=end]/message:rounded-es-xl group-data-[align=end]/message:rounded-ee-sm",
+    "[button]:text-left [button,a]:cursor-pointer [button,a]:transition-[color,background-color,border-color,box-shadow] [button,a]:duration-100",
+    focusRing,
+]);
+function BubbleContent({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn(bubbleContentVariants(), className) }, props),
+        render,
+        state: {
+            slot: "bubble-content",
+        },
+    });
+}
+const bubbleReactionsVariants = cva("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-pill border border-border bg-popover px-1.5 py-0.5 text-xs text-popover-foreground shadow-sm shadow-(color:--shadow-color) has-[button]:p-0", {
+    variants: {
+        side: {
+            top: "top-0 -translate-y-3/4",
+            bottom: "bottom-0 translate-y-3/4",
+        },
+        align: {
+            start: "left-3",
+            end: "right-3",
+        },
+    },
+    defaultVariants: {
+        side: "bottom",
+        align: "end",
+    },
+});
+function BubbleReactions({ side = "bottom", align = "end", className, ...props }) {
+    return (_jsx("div", { "data-slot": "bubble-reactions", "data-align": align, "data-side": side, className: cn(bubbleReactionsVariants({ side, align }), className), ...props }));
+}
+export { Bubble, BubbleContent, bubbleContentVariants, BubbleGroup, BubbleReactions, bubbleReactionsVariants, bubbleVariants, };
+//# sourceMappingURL=bubble.js.map

package/dist/components/bubble.js.map

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

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

@@ -0,0 +1,11 @@
+import { useRender } from "@base-ui/react/use-render";
+import { Separator } from "@repraze/kernelkit/components/separator";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,yCAAyC,CAAC;AAClE,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,QAAA,MAAM,mBAAmB;;8EAexB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACjB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,+BAUxE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAiBtF;AAED,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,WAAwB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,+BAYpH;AAED,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/button-group.js

@@ -0,0 +1,38 @@
+"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 { cva } from "class-variance-authority";
+import { cn } from "cn";
+const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+            vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
+}
+function ButtonGroupText({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn("flex items-center gap-2 rounded-lg border border-input bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        }, props),
+        render,
+        state: {
+            slot: "button-group-text",
+        },
+    });
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className), ...props }));
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../src/components/button-group.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,SAAS,EAAC,MAAM,yCAAyC,CAAC;AAClE,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,MAAM,mBAAmB,GAAG,GAAG,CAC3B,0RAA0R,EAC1R;IACI,QAAQ,EAAE;QACN,WAAW,EAAE;YACT,UAAU,EACN,oKAAoK;YACxK,QAAQ,EACJ,6KAA6K;SACpL;KACJ;IACD,eAAe,EAAE;QACb,WAAW,EAAE,YAAY;KAC5B;CACJ,CACJ,CAAC;AAEF,SAAS,WAAW,CAAC,EACjB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EAC6D;IACrE,OAAO,CACH,cACI,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAC,WAAW,EAAC,CAAC,EAAE,SAAS,CAAC,KACxD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACnF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CACT,6JAA6J,EAC7J,SAAS,CACZ;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE;YACH,IAAI,EAAE,mBAAmB;SAC5B;KACJ,CAAC,CAAC;AACP,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAyC;IACjH,OAAO,CACH,KAAC,SAAS,iBACI,wBAAwB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACT,sHAAsH,EACtH,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/button.d.ts

@@ -0,0 +1,26 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type Color, type FillVariant, type FillVariantAlias } from "@repraze/kernelkit/lib/color";
+declare const buttonCva: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "neutral" | "primary" | null | undefined;
+    variant?: "outline" | "link" | "solid" | "soft" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonSize = NonNullable<Parameters<typeof buttonCva>[0]>["size"];
+/** Button classes for any element (links, triggers…). Accepts the shadcn aliases and default colors. */
+declare function buttonVariants({ variant, color, size, className, }?: {
+    variant?: FillVariant | FillVariantAlias | null;
+    color?: Color | null;
+    size?: ButtonSize;
+    className?: string;
+}): string;
+interface ButtonProps extends Omit<ButtonPrimitive.Props, "color"> {
+    /** Fill style. `default` / `secondary` / `destructive` are shadcn aliases. */
+    variant?: FillVariant | FillVariantAlias | null;
+    /** Defaults to the variant's natural color: primary for solid/soft/link, neutral for outline/ghost. */
+    color?: Color | null;
+    size?: ButtonSize;
+}
+declare function Button({ className, variant, color, size, nativeButton, render, ...props }: ButtonProps): import("react").JSX.Element;
+export { Button, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EACH,KAAK,KAAK,EAEV,KAAK,WAAW,EAChB,KAAK,gBAAgB,EAGxB,MAAM,8BAA8B,CAAC;AAKtC,QAAA,MAAM,SAAS;;;;8EA+Dd,CAAC;AAEF,KAAK,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvE,wGAAwG;AACxG,iBAAS,cAAc,CAAC,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,SAAS,GACZ,GAAE;IACC,OAAO,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACjB,UAEL;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC;IAC9D,8EAA8E;IAC9E,OAAO,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAAC;IAChD,uGAAuG;IACvG,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,WAAW,+BAezG;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC;AAChC,YAAY,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/button.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { colorVariants, resolveFill, TINTED_COLORS, } from "@repraze/kernelkit/lib/color";
+import { focusRing, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const buttonCva = cva([
+    "group/button relative inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap select-none",
+    "transition-[color,background-color,border-color,box-shadow,translate] duration-100 active:not-aria-[haspopup]:translate-y-px motion-reduce:transition-none",
+    "disabled:pointer-events-none disabled:opacity-50 aria-busy:pointer-events-none",
+    focusRing,
+    invalidRing,
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+], {
+    variants: {
+        color: colorVariants,
+        variant: {
+            solid: "bg-(--c-fill) text-(--c-fill-fg) hover:bg-(--c-fill)/85 aria-expanded:bg-(--c-fill)/85",
+            soft: "bg-(--c)/12 text-(--c) hover:bg-(--c)/20 aria-expanded:bg-(--c)/20 dark:bg-(--c)/20 dark:hover:bg-(--c)/30",
+            outline: "border-input bg-transparent hover:bg-hover aria-expanded:bg-hover",
+            ghost: "text-foreground hover:bg-hover aria-expanded:bg-hover",
+            link: "text-(--c) underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            xs: "h-6 gap-1 rounded-md px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-7 gap-1 rounded-md px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+            lg: "h-9 gap-2 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
+            icon: "size-8",
+            "icon-xs": "size-6 rounded-md in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-7 rounded-md in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3.5",
+            "icon-lg": "size-9",
+        },
+    },
+    compoundVariants: [
+        // neutral solid is the shadcn "secondary" button: a quiet surface, not a foreground fill
+        {
+            variant: "solid",
+            color: "neutral",
+            class: "bg-secondary text-secondary-foreground hc:border-input hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_8%)] aria-expanded:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_8%)]",
+        },
+        // neutral soft sits below neutral solid in the hierarchy: a faint wash, not a darker grey
+        {
+            variant: "soft",
+            color: "neutral",
+            class: "bg-(--c)/6 text-foreground hover:bg-(--c)/10 aria-expanded:bg-(--c)/10 dark:bg-(--c)/8 dark:hover:bg-(--c)/12",
+        },
+        // tinted outline / ghost: hue border and text over the neutral chrome
+        {
+            variant: "outline",
+            color: [...TINTED_COLORS],
+            class: "border-(--c)/40 bg-transparent text-(--c) hover:bg-(--c)/10 aria-expanded:bg-(--c)/10",
+        },
+        {
+            variant: "ghost",
+            color: [...TINTED_COLORS],
+            class: "text-(--c) hover:bg-(--c)/10 aria-expanded:bg-(--c)/10",
+        },
+    ],
+    defaultVariants: {
+        variant: "solid",
+        color: "primary",
+        size: "default",
+    },
+});
+/** Button classes for any element (links, triggers…). Accepts the shadcn aliases and default colors. */
+function buttonVariants({ variant, color, size, className, } = {}) {
+    return cn(buttonCva({ ...resolveFill(variant, color), size }), className);
+}
+function Button({ className, variant, color, size = "default", nativeButton, render, ...props }) {
+    const fill = resolveFill(variant, color);
+    return (_jsx(ButtonPrimitive, { "data-slot": "button", "data-variant": fill.variant, "data-color": fill.color, "data-size": size, className: cn(buttonCva({ ...fill, size }), className), 
+        // A `render` element is usually a link: let Base UI drop button semantics for it.
+        nativeButton: nativeButton ?? render === undefined, render: render, ...props }));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAEH,aAAa,EAGb,WAAW,EACX,aAAa,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,MAAM,SAAS,GAAG,GAAG,CACjB;IACI,+KAA+K;IAC/K,4JAA4J;IAC5J,gFAAgF;IAChF,SAAS;IACT,WAAW;IACX,mFAAmF;CACtF,EACD;IACI,QAAQ,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE;YACL,KAAK,EAAE,wFAAwF;YAC/F,IAAI,EAAE,4GAA4G;YAClH,OAAO,EAAE,mEAAmE;YAC5E,KAAK,EAAE,uDAAuD;YAC9D,IAAI,EAAE,+CAA+C;SACxD;QACD,IAAI,EAAE;YACF,OAAO,EAAE,sFAAsF;YAC/F,EAAE,EAAE,qLAAqL;YACzL,EAAE,EAAE,+LAA+L;YACnM,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACL,+FAA+F;YACnG,SAAS,EACL,iGAAiG;YACrG,SAAS,EAAE,QAAQ;SACtB;KACJ;IACD,gBAAgB,EAAE;QACd,yFAAyF;QACzF;YACI,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,0MAA0M;SACpN;QACD,0FAA0F;QAC1F;YACI,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,+GAA+G;SACzH;QACD,sEAAsE;QACtE;YACI,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC;YACzB,KAAK,EAAE,uFAAuF;SACjG;QACD;YACI,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC;YACzB,KAAK,EAAE,wDAAwD;SAClE;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAClB;CACJ,CACJ,CAAC;AAIF,wGAAwG;AACxG,SAAS,cAAc,CAAC,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,SAAS,MAMT,EAAE;IACF,OAAO,EAAE,CAAC,SAAS,CAAC,EAAC,GAAG,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC5E,CAAC;AAUD,SAAS,MAAM,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,EAAc;IACtG,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzC,OAAO,CACH,KAAC,eAAe,iBACF,QAAQ,kBACJ,IAAI,CAAC,OAAO,gBACd,IAAI,CAAC,KAAK,eACX,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC,GAAG,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC;QACpD,kFAAkF;QAClF,YAAY,EAAE,YAAY,IAAI,MAAM,KAAK,SAAS,EAClD,MAAM,EAAE,MAAM,KACV,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/calendar.d.ts

@@ -0,0 +1,11 @@
+import { Button } from "@repraze/kernelkit/components/button";
+import * as React from "react";
+import { type DayButton, DayPicker, type Locale } from "react-day-picker";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, color: _color, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): React.JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAiB,MAAM,sCAAsC,CAAC;AAG5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,SAAS,EAAE,SAAS,EAAwB,KAAK,MAAM,EAAC,MAAM,kBAAkB,CAAC;AAS9F,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,MAAM,EACN,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACxC,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAClE,qBAsHA;AAED,iBAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EAEN,KAAK,EAAE,MAAM,EACb,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CAAC,qBA8CrE;AAED,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}

package/dist/components/calendar.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, buttonVariants } from "@repraze/kernelkit/components/button";
+import { cn } from "cn";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+/*
+ * States must read in high contrast, where surface shades vanish (GUIDELINES.md §6):
+ * - selected / range ends: primary fill
+ * - range middle: translucent primary band (bg-primary/15), not a muted shade
+ * - today: primary dot under the number + medium weight
+ * - outside days: muted text; disabled: muted text + line-through
+ */
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, locale: locale, formatters: {
+            formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+            ...formatters,
+        }, classNames: {
+            root: cn("w-fit", defaultClassNames.root),
+            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            month: cn("flex w-full flex-col gap-2", defaultClassNames.month),
+            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+            button_previous: cn(buttonVariants({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) rounded-(--cell-radius) p-0 select-none aria-disabled:pointer-events-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) rounded-(--cell-radius) p-0 select-none aria-disabled:pointer-events-none aria-disabled:opacity-50", defaultClassNames.button_next),
+            month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+            dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            dropdown_root: cn("relative rounded-(--cell-radius) border border-input transition-[border-color,box-shadow] hover:bg-hover has-focus-visible:border-ring has-focus-visible:ring-3 has-focus-visible:ring-ring/50", defaultClassNames.dropdown_root),
+            dropdown: cn("absolute inset-0 cursor-pointer bg-popover opacity-0", defaultClassNames.dropdown),
+            caption_label: cn("font-heading font-medium tracking-tight select-none", captionLayout === "label"
+                ? "text-sm"
+                : "flex h-7 items-center gap-1 rounded-(--cell-radius) pr-1.5 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+            month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            weekday: cn("flex-1 rounded-(--cell-radius) py-1 text-xs font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+            week: cn("mt-1 flex w-full", defaultClassNames.week),
+            week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+            week_number: cn("text-xs text-muted-foreground select-none", defaultClassNames.week_number),
+            day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber
+                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)"
+                : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
+            // the band behind a range: ends get a half-cell strip so the band runs under the rounded fill
+            range_start: cn("relative isolate z-0 rounded-l-(--cell-radius) rounded-r-none bg-primary/15 dark:bg-primary/20", defaultClassNames.range_start),
+            range_middle: cn("rounded-none bg-primary/15 dark:bg-primary/20", defaultClassNames.range_middle),
+            range_end: cn("relative isolate z-0 rounded-l-none rounded-r-(--cell-radius) bg-primary/15 dark:bg-primary/20", defaultClassNames.range_end),
+            today: cn("rounded-(--cell-radius) data-[selected=true]:rounded-none", defaultClassNames.today),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            ...classNames,
+        }, components: {
+            Root: ({ className, rootRef, ...props }) => {
+                return _jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props });
+            },
+            Chevron: ({ className, orientation, ...props }) => {
+                if (orientation === "left") {
+                    return _jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props });
+                }
+                if (orientation === "right") {
+                    return _jsx(ChevronRightIcon, { className: cn("size-4", className), ...props });
+                }
+                return _jsx(ChevronDownIcon, { className: cn("size-4", className), ...props });
+            },
+            DayButton: ({ ...props }) => _jsx(CalendarDayButton, { locale: locale, ...props }),
+            WeekNumber: ({ children, ...props }) => {
+                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
+            },
+            ...components,
+        }, ...props }));
+}
+function CalendarDayButton({ className, day, modifiers, locale, 
+// react-day-picker passes DOM props; `color` would collide with Button's color axis
+color: _color, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused) {
+            ref.current?.focus();
+        }
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-slot": "calendar-day", "data-day": day.date.toLocaleDateString(locale?.code), "data-today": modifiers.today || undefined, "data-outside": modifiers.outside || undefined, "data-disabled": modifiers.disabled || undefined, "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-(--cell-radius) border-0 leading-none font-normal tabular-nums active:translate-y-0", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-3 group-data-[focused=true]/day:ring-ring/50", 
+        // today: a dot, readable on every surface and in hc
+        "data-today:font-medium data-today:after:absolute data-today:after:bottom-1 data-today:after:left-1/2 data-today:after:size-1 data-today:after:-translate-x-1/2 data-today:after:rounded-pill data-today:after:bg-primary-text", "data-outside:text-muted-foreground data-outside:hover:text-foreground", "data-disabled:line-through", "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-transparent data-[range-middle=true]:text-foreground data-[range-middle=true]:hover:bg-primary/15", "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:hover:bg-primary/85", "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:hover:bg-primary/85", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:hover:bg-primary/85", 
+        // only today has the dot: an `after:` utility elsewhere would add a flex item and shift the number
+        "data-today:data-[range-end=true]:after:bg-primary-foreground data-today:data-[range-start=true]:after:bg-primary-foreground data-today:data-[selected-single=true]:after:bg-primary-foreground", "[&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+}
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

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

package/dist/components/callout.d.ts

@@ -0,0 +1,25 @@
+import { type Color } from "@repraze/kernelkit/lib/color";
+import type * as React from "react";
+/**
+ * Long-form aside for docs and articles (note, tip, warning). A left accent bar carries the color;
+ * the surface is a faint wash so body text stays foreground. For app status use Alert.
+ */
+declare const calloutVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "neutral" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface CalloutProps extends Omit<React.ComponentProps<"div">, "color" | "title"> {
+    /** Status or hue of the bar, header and border. */
+    color?: Color | null;
+    /** Leading icon element, e.g. `<InfoIcon />`. */
+    icon?: React.ReactNode;
+    /** Header label. The header renders when `title` or `icon` is set. */
+    title?: React.ReactNode;
+    /** Header toggles the body. Needs a `title` or `icon`. */
+    collapsible?: boolean;
+    /** Start collapsed (only with `collapsible`). */
+    defaultCollapsed?: boolean;
+}
+declare function Callout({ className, color, icon, title, collapsible, defaultCollapsed, children, ...props }: CalloutProps): React.JSX.Element;
+export { Callout, calloutVariants };
+export type { CalloutProps };
+//# sourceMappingURL=callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAKvE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;GAGG;AACH,QAAA,MAAM,eAAe;;8EAiBpB,CAAC;AAQF,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/E,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,iBAAS,OAAO,CAAC,EACb,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAmB,EACnB,gBAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,YAAY,qBAkEd;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC;AAClC,YAAY,EAAC,YAAY,EAAC,CAAC"}