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

package/dist/components/trace.d.ts

@@ -0,0 +1,20 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@repraze/kernelkit/components/collapsible";
+import * as React from "react";
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+    /** `running` shimmers the title, `error` turns the line danger, `pending` dims it. Omit when done. */
+    status?: "running" | "error" | "pending";
+}): React.JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
+    open?: undefined;
+} | {
+    open: boolean;
+    onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): React.JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): React.JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, };
+//# sourceMappingURL=trace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trace.d.ts","sourceRoot":"","sources":["../../src/components/trace.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,2CAA2C,CAAC;AAG9G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWhE;AAED,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAC9B,sGAAsG;IACtG,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC5C,qBAYA;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAYrE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQ5E;AAED,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,MAAM,CAAC,GACrD,CACM;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAC,GAClB;IACI,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;CACvF,CACN,qBAQJ;AAED,iBAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,qBAgBhH;AAED,iBAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,qBAkBhH;AAED,OAAO,EACH,KAAK,EACL,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,UAAU,GACb,CAAC"}

package/dist/components/trace.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@repraze/kernelkit/components/collapsible";
+import { cn } from "cn";
+import { ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+function Trace({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "trace", className: cn("flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50 *:has-[>[data-slot=trace-line]]:-mx-1 *:has-[>[data-slot=trace-line]]:px-1", className), ...props }));
+}
+function TraceLine({ className, status, ...props }) {
+    return (_jsx("span", { "data-slot": "trace-line", "data-status": status, className: cn("flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors duration-100 in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-danger data-[status=error]:in-[a:hover,button:hover]:text-danger data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer", className), ...props }));
+}
+function TraceIcon({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "trace-icon", "aria-hidden": "true", className: cn("flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1", className), ...props }));
+}
+function TraceTitle({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "trace-title", className: cn("min-w-0 truncate motion-reduce:shimmer-none", className), ...props }));
+}
+function TraceDescription({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "trace-description", className: cn("shrink-0 font-mono text-xs text-muted-foreground tabular-nums", className), ...props }));
+}
+function TraceCollapsible({ className, ...props }) {
+    return (_jsx(Collapsible, { "data-slot": "trace-collapsible", className: cn("flex w-full min-w-0 flex-col", className), ...props }));
+}
+function TraceCollapsibleTrigger({ className, children, ...props }) {
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "trace-collapsible-trigger", className: cn("group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors duration-100 outline-none hover:text-foreground hover:underline underline-offset-4 focus-visible:ring-3 focus-visible:ring-ring/50 -mx-1 px-1 aria-expanded:text-foreground has-[[data-status=error]]:text-danger", className), ...props, children: [children, _jsx(TraceIcon, { className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90", children: _jsx(ChevronRightIcon, {}) })] }));
+}
+function TraceCollapsibleContent({ className, children, ...props }) {
+    return (_jsx(CollapsibleContent, { "data-slot": "trace-collapsible-content", className: "h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-150 data-ending-style:h-0 data-starting-style:h-0 motion-reduce:transition-none", ...props, children: _jsx("div", { "data-slot": "trace-collapsible-content-inner", className: cn("mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l border-border pr-1 pl-4 text-sm leading-relaxed wrap-break-word text-muted-foreground", className), children: children }) }));
+}
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, };
+//# sourceMappingURL=trace.js.map

package/dist/components/trace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace.js","sourceRoot":"","sources":["../../src/components/trace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,2CAA2C,CAAC;AAC9G,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IAC7D,OAAO,CACH,2BACc,OAAO,EACjB,SAAS,EAAE,EAAE,CACT,+fAA+f,EAC/f,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EAIX;IACG,OAAO,CACH,4BACc,YAAY,iBACT,MAAM,EACnB,SAAS,EAAE,EAAE,CACT,yWAAyW,EACzW,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IAClE,OAAO,CACH,4BACc,YAAY,iBACV,MAAM,EAClB,SAAS,EAAE,EAAE,CACT,qJAAqJ,EACrJ,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO,CACH,4BACc,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACH,4BACc,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KACrF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAQP;IACD,OAAO,CACH,KAAC,WAAW,iBACE,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkD;IAC7G,OAAO,CACH,MAAC,kBAAkB,iBACL,2BAA2B,EACrC,SAAS,EAAE,EAAE,CACT,gXAAgX,EAChX,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACT,KAAC,SAAS,IAAC,SAAS,EAAC,8EAA8E,YAC/F,KAAC,gBAAgB,KAAG,GACZ,IACK,CACxB,CAAC;AACN,CAAC;AAED,SAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkD;IAC7G,OAAO,CACH,KAAC,kBAAkB,iBACL,2BAA2B,EACrC,SAAS,EAAC,qKAAqK,KAC3K,KAAK,YAET,2BACc,iCAAiC,EAC3C,SAAS,EAAE,EAAE,CACT,8IAA8I,EAC9I,SAAS,CACZ,YAEA,QAAQ,GACP,GACW,CACxB,CAAC;AACN,CAAC;AAED,OAAO,EACH,KAAK,EACL,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,UAAU,GACb,CAAC"}

package/dist/components/typography.d.ts

@@ -0,0 +1,37 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Prose primitives. Every part renders a sensible default tag and takes `render` to swap it
+ * (`<Title size={2} render={<h2 />}>`), so visual size and document outline stay independent.
+ */
+declare const titleVariants: (props?: ({
+    variant?: "title" | "subtitle" | null | undefined;
+    size?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TitleProps = useRender.ComponentProps<"p"> & VariantProps<typeof titleVariants>;
+/** Heading text. `size` 1-6 is visual only: pick the element with `render` (`<h1 />`…). */
+declare function Title({ className, variant, size, render, ...props }: TitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Trailing `#` link for a heading: `<Title render={<h2 id="install" />}>Install <TitleAnchor href="#install" /></Title>`. */
+declare function TitleAnchor({ className, render, children, ...props }: useRender.ComponentProps<"a">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Small heading for sidebars, tables of contents and aside panels. */
+declare function AsideTitle({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Quiet inline link: muted until hovered. For links in running prose use `variant="prose"`. */
+declare const textLinkVariants: (props?: ({
+    variant?: "muted" | "prose" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TextLink({ className, variant, render, ...props }: useRender.ComponentProps<"a"> & VariantProps<typeof textLinkVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Body paragraph: `text-sm` reading size with relaxed leading. */
+declare function Text({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Intro paragraph under a page title. */
+declare function Lead({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Secondary text: captions, meta, hints. */
+declare function Muted({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Inline code span inside prose. */
+declare function InlineCode({ className, render, ...props }: useRender.ComponentProps<"code">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Quotation with a left rule. */
+declare function Blockquote({ className, render, ...props }: useRender.ComponentProps<"blockquote">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Bulleted list (`render={<ol />}` + `className="list-decimal"` for numbered). */
+declare function List({ className, render, ...props }: useRender.ComponentProps<"ul">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { AsideTitle, Blockquote, InlineCode, Lead, List, Muted, Text, TextLink, textLinkVariants, Title, TitleAnchor, titleVariants, };
+export type { TitleProps };
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/components/typography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE;;;GAGG;AAEH,QAAA,MAAM,aAAa;;;8EAgBjB,CAAC;AAEH,KAAK,UAAU,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErF,2FAA2F;AAC3F,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,8FAOtE;AAED,8HAA8H;AAC9H,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,8FAkB1F;AAED,uEAAuE;AACvE,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,8FAelF;AAED,gGAAgG;AAChG,QAAA,MAAM,gBAAgB;;8EAQpB,CAAC;AAEH,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,8FAOvE;AAED,mEAAmE;AACnE,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,8FAOzE;AAED,0CAA0C;AAC1C,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,8FAUzE;AAED,6CAA6C;AAC7C,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,8FAO1E;AAED,qCAAqC;AACrC,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,8FAelF;AAED,kCAAkC;AAClC,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,YAAY,CAAC,8FAUxF;AAED,mFAAmF;AACnF,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,8FAe1E;AAED,OAAO,EACH,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,WAAW,EACX,aAAa,GAChB,CAAC;AACF,YAAY,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/typography.js

@@ -0,0 +1,140 @@
+"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 { LinkIcon } from "lucide-react";
+/**
+ * Prose primitives. Every part renders a sensible default tag and takes `render` to swap it
+ * (`<Title size={2} render={<h2 />}>`), so visual size and document outline stay independent.
+ */
+const titleVariants = cva("block leading-[1.125] text-balance wrap-break-word", {
+    variants: {
+        variant: {
+            title: "font-heading font-semibold text-foreground",
+            subtitle: "font-normal text-muted-foreground",
+        },
+        size: {
+            1: "text-4xl tracking-[-0.04em] md:text-5xl",
+            2: "text-[2rem] tracking-[-0.031em]",
+            3: "text-2xl tracking-[-0.025em]",
+            4: "text-[1.2rem] tracking-[-0.02em]",
+            5: "text-base tracking-[-0.01em]",
+            6: "text-sm",
+        },
+    },
+    defaultVariants: { variant: "title", size: 1 },
+});
+/** Heading text. `size` 1-6 is visual only: pick the element with `render` (`<h1 />`…). */
+function Title({ className, variant, size, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn(titleVariants({ variant, size }), className) }, props),
+        render,
+        state: { slot: "title", variant: variant ?? "title", size: size ?? 1 },
+    });
+}
+/** Trailing `#` link for a heading: `<Title render={<h2 id="install" />}>Install <TitleAnchor href="#install" /></Title>`. */
+function TitleAnchor({ className, render, children, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            "aria-label": "Link to this section",
+            className: cn("ml-2 inline-flex rounded-sm align-middle text-muted-foreground opacity-60 transition-[color,opacity,box-shadow] hover:text-foreground hover:opacity-100 focus-visible:opacity-100 [&_svg]:size-[0.5em]", focusRing, className),
+            children: children ?? _jsx(LinkIcon, { "aria-hidden": true }),
+        }, props),
+        render,
+        state: { slot: "title-anchor" },
+    });
+}
+/** Small heading for sidebars, tables of contents and aside panels. */
+function AsideTitle({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps({
+            className: cn("mb-2 block py-2 font-heading text-sm leading-[1.125] font-semibold text-balance wrap-break-word", className),
+        }, props),
+        render,
+        state: { slot: "aside-title" },
+    });
+}
+/** Quiet inline link: muted until hovered. For links in running prose use `variant="prose"`. */
+const textLinkVariants = cva(["rounded-xs transition-[color,box-shadow]", focusRing], {
+    variants: {
+        variant: {
+            muted: "text-muted-foreground hover:text-foreground",
+            prose: "font-medium text-primary-text underline underline-offset-4 hover:decoration-2",
+        },
+    },
+    defaultVariants: { variant: "muted" },
+});
+function TextLink({ className, variant, render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({ className: cn(textLinkVariants({ variant }), className) }, props),
+        render,
+        state: { slot: "text-link" },
+    });
+}
+/** Body paragraph: `text-sm` reading size with relaxed leading. */
+function Text({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("text-sm leading-relaxed text-foreground", className) }, props),
+        render,
+        state: { slot: "text" },
+    });
+}
+/** Intro paragraph under a page title. */
+function Lead({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("text-base leading-relaxed text-pretty text-muted-foreground md:text-lg", className) }, props),
+        render,
+        state: { slot: "lead" },
+    });
+}
+/** Secondary text: captions, meta, hints. */
+function Muted({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("text-xs text-muted-foreground", className) }, props),
+        render,
+        state: { slot: "muted" },
+    });
+}
+/** Inline code span inside prose. */
+function InlineCode({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "code",
+        props: mergeProps({
+            className: cn("rounded-sm border border-border bg-muted px-[0.3em] py-[0.1em] font-mono text-[0.875em] text-foreground", className),
+        }, props),
+        render,
+        state: { slot: "inline-code" },
+    });
+}
+/** Quotation with a left rule. */
+function Blockquote({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "blockquote",
+        props: mergeProps({ className: cn("border-l-2 border-border pl-4 text-sm text-muted-foreground italic", className) }, props),
+        render,
+        state: { slot: "blockquote" },
+    });
+}
+/** Bulleted list (`render={<ol />}` + `className="list-decimal"` for numbered). */
+function List({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "ul",
+        props: mergeProps({
+            className: cn("ml-5 flex list-disc flex-col gap-1 text-sm leading-relaxed marker:text-muted-foreground", className),
+        }, props),
+        render,
+        state: { slot: "list" },
+    });
+}
+export { AsideTitle, Blockquote, InlineCode, Lead, List, Muted, Text, TextLink, textLinkVariants, Title, TitleAnchor, titleVariants, };
+//# sourceMappingURL=typography.js.map

package/dist/components/typography.js.map

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

package/dist/hooks/use-highlighted-code.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare function useHighlightedCode(value: string, language: string): (string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element[] | null | undefined)[];
+//# sourceMappingURL=use-highlighted-code.d.ts.map

package/dist/hooks/use-highlighted-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.d.ts","sourceRoot":"","sources":["../../src/hooks/use-highlighted-code.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kXAmEjE"}

package/dist/hooks/use-highlighted-code.js

@@ -0,0 +1,50 @@
+import { loadHighlighter } from "@repraze/kernelkit/lib/highlighter";
+import * as React from "react";
+export function useHighlightedCode(value, language) {
+    // A trailing newline would render as an extra empty line.
+    const code = value.endsWith("\n") ? value.slice(0, -1) : value;
+    const [loaded, setLoaded] = React.useState(null);
+    const highlighter = loaded?.language === language ? loaded.highlighter : null;
+    React.useEffect(() => {
+        let cancelled = false;
+        loadHighlighter(language)
+            .then((next) => {
+            if (!cancelled) {
+                setLoaded({ language, highlighter: next });
+            }
+        })
+            .catch(() => { });
+        return () => {
+            cancelled = true;
+        };
+    }, [language]);
+    // The complete lines, highlighted. While the code streams, only the new
+    // lines are tokenized, starting from the grammar state of the last one.
+    const [done, setDone] = React.useState({ highlighter: null, text: "", lines: [] });
+    let next = done;
+    if (next.highlighter !== highlighter || !code.startsWith(next.text)) {
+        next = { highlighter, text: "", lines: [] };
+    }
+    const end = code.lastIndexOf("\n") + 1;
+    if (highlighter && end > next.text.length) {
+        const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
+        next = {
+            highlighter,
+            text: code.slice(0, end),
+            lines: [...next.lines, ...result.lines],
+            state: result.state,
+        };
+    }
+    if (next !== done) {
+        setDone(next);
+    }
+    // The last line is still being written, so it is tokenized on every render.
+    const tail = code.slice(end);
+    return React.useMemo(() => {
+        if (!highlighter) {
+            return code.split("\n");
+        }
+        return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];
+    }, [code, highlighter, next, tail]);
+}
+//# sourceMappingURL=use-highlighted-code.js.map

package/dist/hooks/use-highlighted-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.js","sourceRoot":"","sources":["../../src/hooks/use-highlighted-code.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,UAAU,WAAW;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAE/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACvD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACtB,CAAC"}

package/dist/lib/color.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The color axis (GUIDELINES.md §2). A color sets three local CSS variables; variants only read them:
+ *
+ * - `--c`      the color, text tier: readable as text/icon/border on any surface
+ * - `--c-fg`   text on a solid `--c` fill
+ * - `--c-tint` opaque wash behind foreground text
+ * - `--c-fill` / `--c-fill-fg` vivid solid surface and its text (TermiColor "fills are the brand":
+ *   in light mode the text tier is darkened for contrast, the fill tier stays vivid)
+ *
+ * Spread `colorVariants` into a cva `variants.color` map, then write variants against the vars
+ * (`bg-(--c) text-(--c-fg)`, `bg-(--c)/12 text-(--c)`, …).
+ */
+export declare const STATUS_COLORS: readonly ["danger", "warning", "success", "info"];
+export declare const HUES: readonly ["red", "orange", "yellow", "green", "cyan", "blue", "purple", "pink"];
+export declare const COLORS: readonly ["neutral", "primary", "danger", "warning", "success", "info", "red", "orange", "yellow", "green", "cyan", "blue", "purple", "pink"];
+export type Color = (typeof COLORS)[number];
+export declare const colorVariants: Record<Color, string>;
+/** Every color except neutral: the ones whose outline/ghost variants are tinted. */
+export declare const TINTED_COLORS: ("danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "primary")[];
+/** Fill styles shared by Button, Badge, Toggle… (GUIDELINES.md §2). */
+export declare const FILL_VARIANTS: readonly ["solid", "soft", "outline", "ghost", "link"];
+export type FillVariant = (typeof FILL_VARIANTS)[number];
+/** shadcn names kept for drop-in use. */
+export type FillVariantAlias = "default" | "secondary" | "destructive";
+/** Resolve aliases and the variant's default color. */
+export declare function resolveFill(variant: FillVariant | FillVariantAlias | null | undefined, color: Color | null | undefined, fallback?: FillVariant): {
+    variant: FillVariant;
+    color: Color;
+};
+//# sourceMappingURL=color.d.ts.map

package/dist/lib/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/lib/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,aAAa,mDAAoD,CAAC;AAC/E,eAAO,MAAM,IAAI,iFAAkF,CAAC;AACpG,eAAO,MAAM,MAAM,+IAA6D,CAAC;AAEjF,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAG5C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmB/C,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,aAAa,yIAAwC,CAAC;AAEnE,uEAAuE;AACvE,eAAO,MAAM,aAAa,wDAAyD,CAAC;AACpF,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,yCAAyC;AACzC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAiBvE,uDAAuD;AACvD,wBAAgB,WAAW,CACvB,OAAO,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,GAAG,SAAS,EAC1D,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,EAC/B,QAAQ,GAAE,WAAqB,GAChC;IAAC,OAAO,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,CAItC"}

package/dist/lib/color.js

@@ -0,0 +1,56 @@
+/**
+ * The color axis (GUIDELINES.md §2). A color sets three local CSS variables; variants only read them:
+ *
+ * - `--c`      the color, text tier: readable as text/icon/border on any surface
+ * - `--c-fg`   text on a solid `--c` fill
+ * - `--c-tint` opaque wash behind foreground text
+ * - `--c-fill` / `--c-fill-fg` vivid solid surface and its text (TermiColor "fills are the brand":
+ *   in light mode the text tier is darkened for contrast, the fill tier stays vivid)
+ *
+ * Spread `colorVariants` into a cva `variants.color` map, then write variants against the vars
+ * (`bg-(--c) text-(--c-fg)`, `bg-(--c)/12 text-(--c)`, …).
+ */
+export const STATUS_COLORS = ["danger", "warning", "success", "info"];
+export const HUES = ["red", "orange", "yellow", "green", "cyan", "blue", "purple", "pink"];
+export const COLORS = ["neutral", "primary", ...STATUS_COLORS, ...HUES];
+// Literal strings on purpose: Tailwind only generates classes it can read in the source.
+export const colorVariants = {
+    neutral: "[--c:var(--foreground)] [--c-fg:var(--background)] [--c-tint:var(--secondary)] [--c-fill:var(--foreground)] [--c-fill-fg:var(--background)]",
+    primary: "[--c:var(--primary-text)] [--c-fg:var(--tc-on-accent)] [--c-tint:var(--accent)] [--c-fill:var(--primary)] [--c-fill-fg:var(--primary-foreground)]",
+    danger: "[--c:var(--danger)] [--c-fg:var(--danger-foreground)] [--c-tint:var(--danger-tint)] [--c-fill:var(--tc-red-fill)] [--c-fill-fg:var(--tc-red-on-fill)]",
+    warning: "[--c:var(--warning)] [--c-fg:var(--warning-foreground)] [--c-tint:var(--warning-tint)] [--c-fill:var(--tc-yellow-fill)] [--c-fill-fg:var(--tc-yellow-on-fill)]",
+    success: "[--c:var(--success)] [--c-fg:var(--success-foreground)] [--c-tint:var(--success-tint)] [--c-fill:var(--tc-green-fill)] [--c-fill-fg:var(--tc-green-on-fill)]",
+    info: "[--c:var(--info)] [--c-fg:var(--info-foreground)] [--c-tint:var(--info-tint)] [--c-fill:var(--tc-blue-fill)] [--c-fill-fg:var(--tc-blue-on-fill)]",
+    red: "[--c:var(--tc-red)] [--c-fg:var(--tc-red-on)] [--c-tint:var(--tc-red-tint)] [--c-fill:var(--tc-red-fill)] [--c-fill-fg:var(--tc-red-on-fill)]",
+    orange: "[--c:var(--tc-orange)] [--c-fg:var(--tc-orange-on)] [--c-tint:var(--tc-orange-tint)] [--c-fill:var(--tc-orange-fill)] [--c-fill-fg:var(--tc-orange-on-fill)]",
+    yellow: "[--c:var(--tc-yellow)] [--c-fg:var(--tc-yellow-on)] [--c-tint:var(--tc-yellow-tint)] [--c-fill:var(--tc-yellow-fill)] [--c-fill-fg:var(--tc-yellow-on-fill)]",
+    green: "[--c:var(--tc-green)] [--c-fg:var(--tc-green-on)] [--c-tint:var(--tc-green-tint)] [--c-fill:var(--tc-green-fill)] [--c-fill-fg:var(--tc-green-on-fill)]",
+    cyan: "[--c:var(--tc-cyan)] [--c-fg:var(--tc-cyan-on)] [--c-tint:var(--tc-cyan-tint)] [--c-fill:var(--tc-cyan-fill)] [--c-fill-fg:var(--tc-cyan-on-fill)]",
+    blue: "[--c:var(--tc-blue)] [--c-fg:var(--tc-blue-on)] [--c-tint:var(--tc-blue-tint)] [--c-fill:var(--tc-blue-fill)] [--c-fill-fg:var(--tc-blue-on-fill)]",
+    purple: "[--c:var(--tc-purple)] [--c-fg:var(--tc-purple-on)] [--c-tint:var(--tc-purple-tint)] [--c-fill:var(--tc-purple-fill)] [--c-fill-fg:var(--tc-purple-on-fill)]",
+    pink: "[--c:var(--tc-pink)] [--c-fg:var(--tc-pink-on)] [--c-tint:var(--tc-pink-tint)] [--c-fill:var(--tc-pink-fill)] [--c-fill-fg:var(--tc-pink-on-fill)]",
+};
+/** Every color except neutral: the ones whose outline/ghost variants are tinted. */
+export const TINTED_COLORS = COLORS.filter((c) => c !== "neutral");
+/** Fill styles shared by Button, Badge, Toggle… (GUIDELINES.md §2). */
+export const FILL_VARIANTS = ["solid", "soft", "outline", "ghost", "link"];
+const ALIASES = {
+    default: { variant: "solid" },
+    secondary: { variant: "solid", color: "neutral" },
+    destructive: { variant: "soft", color: "danger" },
+};
+/** Each variant's natural color when none is given: solid things are primary, chrome is neutral. */
+const DEFAULT_COLOR = {
+    solid: "primary",
+    soft: "primary",
+    link: "primary",
+    outline: "neutral",
+    ghost: "neutral",
+};
+/** Resolve aliases and the variant's default color. */
+export function resolveFill(variant, color, fallback = "solid") {
+    const alias = variant && variant in ALIASES ? ALIASES[variant] : undefined;
+    const v = alias?.variant ?? variant ?? fallback;
+    return { variant: v, color: color ?? alias?.color ?? DEFAULT_COLOR[v] };
+}
+//# sourceMappingURL=color.js.map

package/dist/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/lib/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAU,CAAC;AAC/E,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC;AACpG,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAU,CAAC;AAIjF,yFAAyF;AACzF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAChD,OAAO,EACH,6IAA6I;IACjJ,OAAO,EACH,mJAAmJ;IACvJ,MAAM,EAAE,uJAAuJ;IAC/J,OAAO,EACH,gKAAgK;IACpK,OAAO,EACH,8JAA8J;IAClK,IAAI,EAAE,mJAAmJ;IACzJ,GAAG,EAAE,+IAA+I;IACpJ,MAAM,EAAE,8JAA8J;IACtK,MAAM,EAAE,8JAA8J;IACtK,KAAK,EAAE,yJAAyJ;IAChK,IAAI,EAAE,oJAAoJ;IAC1J,IAAI,EAAE,oJAAoJ;IAC1J,MAAM,EAAE,8JAA8J;IACtK,IAAI,EAAE,oJAAoJ;CAC7J,CAAC;AAEF,oFAAoF;AACpF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;AAEnE,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AAMpF,MAAM,OAAO,GAAoE;IAC7E,OAAO,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC;IAC3B,SAAS,EAAE,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC;IAC/C,WAAW,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAC;CAClD,CAAC;AAEF,oGAAoG;AACpG,MAAM,aAAa,GAA+B;IAC9C,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;CACnB,CAAC;AAEF,uDAAuD;AACvD,MAAM,UAAU,WAAW,CACvB,OAA0D,EAC1D,KAA+B,EAC/B,WAAwB,OAAO;IAE/B,MAAM,KAAK,GAAG,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/F,MAAM,CAAC,GAAG,KAAK,EAAE,OAAO,IAAK,OAA0C,IAAI,QAAQ,CAAC;IACpF,OAAO,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,EAAC,CAAC;AAC1E,CAAC"}

package/dist/lib/highlighter.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type GrammarState } from "shiki/core";
+export declare function loadHighlighter(language: string): Promise<{
+    highlight(code: string, state?: GrammarState): {
+        lines: React.JSX.Element[][];
+        state: GrammarState | undefined;
+    };
+} | null>;
+export declare function highlightCode(code: string, language: string): Promise<React.JSX.Element[][] | null>;
+//# sourceMappingURL=highlighter.d.ts.map

package/dist/lib/highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.d.ts","sourceRoot":"","sources":["../../src/lib/highlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,KAAK,YAAY,EAAuB,MAAM,YAAY,CAAC;AAiE1F,wBAAsB,eAAe,CAAC,QAAQ,EAAE,MAAM;oBAgB9B,MAAM,UAAU,YAAY;;;;UA+BnD;AAGD,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,yCAIjE"}

package/dist/lib/highlighter.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createHighlighterCore } from "shiki/core";
+import { createCssVariablesTheme } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+// Token colors are CSS variables (--kk-code-*), mapped to TermiColor syntax roles in kernelkit.css,
+// so highlighted code follows mode, contrast and scopes without re-highlighting.
+const kernelkitTheme = createCssVariablesTheme({ name: "kernelkit", variablePrefix: "--kk-code-", fontStyle: true });
+// Add the languages you need. Each one loads the first time it is used.
+const languages = {
+    bash: () => import("shiki/langs/shellscript.mjs"),
+    css: () => import("shiki/langs/css.mjs"),
+    diff: () => import("shiki/langs/diff.mjs"),
+    html: () => import("shiki/langs/html.mjs"),
+    javascript: () => import("shiki/langs/javascript.mjs"),
+    json: () => import("shiki/langs/json.mjs"),
+    jsx: () => import("shiki/langs/jsx.mjs"),
+    markdown: () => import("shiki/langs/markdown.mjs"),
+    python: () => import("shiki/langs/python.mjs"),
+    sql: () => import("shiki/langs/sql.mjs"),
+    tsx: () => import("shiki/langs/tsx.mjs"),
+    typescript: () => import("shiki/langs/typescript.mjs"),
+    yaml: () => import("shiki/langs/yaml.mjs"),
+};
+const aliases = {
+    js: "javascript",
+    md: "markdown",
+    py: "python",
+    sh: "bash",
+    shell: "bash",
+    shellscript: "bash",
+    ts: "typescript",
+    yml: "yaml",
+    zsh: "bash",
+};
+let highlighter;
+function getHighlighter() {
+    highlighter ??= createHighlighterCore({
+        themes: [kernelkitTheme],
+        langs: [],
+        engine: createJavaScriptRegexEngine({ forgiving: true }),
+    });
+    return highlighter;
+}
+function getLanguage(language) {
+    const name = language.toLowerCase();
+    if (name === "ansi") {
+        return name;
+    }
+    if (name in languages) {
+        return name;
+    }
+    return aliases[name] ?? null;
+}
+// Loads a language and returns a highlighter for it, or null for a language
+// that is not listed.
+export async function loadHighlighter(language) {
+    const lang = getLanguage(language);
+    if (!lang) {
+        return null;
+    }
+    const shiki = await getHighlighter();
+    if (lang !== "ansi" && !shiki.getLoadedLanguages().includes(lang)) {
+        await shiki.loadLanguage(languages[lang]);
+    }
+    return {
+        // Returns one React node per line, and the grammar state after the last
+        // line. Pass that state back to continue where the code left off.
+        highlight(code, state) {
+            const tokenize = (text) => shiki.codeToTokens(text, {
+                lang,
+                theme: "kernelkit",
+                grammarState: state,
+            }).tokens;
+            // ANSI has no grammar state, so each line is tokenized on its own and
+            // gets the same colors whether it arrives in one piece or streams.
+            const tokens = lang === "ansi" ? code.split("\n").flatMap((line) => tokenize(line)) : tokenize(code);
+            return {
+                lines: tokens.map((line) => line.map((token, index) => (_jsx("span", { style: {
+                        color: token.color,
+                        fontStyle: token.fontStyle && token.fontStyle & 1 ? "italic" : undefined,
+                        fontWeight: token.fontStyle && token.fontStyle & 2 ? "bold" : undefined,
+                    }, children: token.content }, index)))),
+                state: shiki.getLastGrammarState(tokens),
+            };
+        },
+    };
+}
+// Returns one React node per line, or null for a language that is not listed.
+export async function highlightCode(code, language) {
+    const highlighter = await loadHighlighter(language);
+    return highlighter ? highlighter.highlight(code).lines : null;
+}
+//# sourceMappingURL=highlighter.js.map

package/dist/lib/highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.js","sourceRoot":"","sources":["../../src/lib/highlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,qBAAqB,EAA0C,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAEpE,oGAAoG;AACpG,iFAAiF;AACjF,MAAM,cAAc,GAAG,uBAAuB,CAAC,EAAC,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;AAEnH,wEAAwE;AACxE,MAAM,SAAS,GAAG;IACd,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,6BAA6B,CAAC;IACjD,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;IACxC,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,4BAA4B,CAAC;IACtD,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC;IAC1C,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;IACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC;IAClD,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC;IAC9C,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;IACxC,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC;IACxC,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,4BAA4B,CAAC;IACtD,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC;CAC7C,CAAC;AAEF,MAAM,OAAO,GAA2C;IACpD,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,MAAM;IACnB,EAAE,EAAE,YAAY;IAChB,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,MAAM;CACd,CAAC;AAEF,IAAI,WAAiD,CAAC;AAEtD,SAAS,cAAc;IACnB,WAAW,KAAK,qBAAqB,CAAC;QAClC,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,2BAA2B,CAAC,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC;KACzD,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,SAAS,WAAW,CAAC,QAAgB;IACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAEpC,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;QACpB,OAAO,IAA8B,CAAC;IAC1C,CAAC;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;AACjC,CAAC;AAED,4EAA4E;AAC5E,sBAAsB;AACtB,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,QAAgB;IAClD,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,cAAc,EAAE,CAAC;IAErC,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAChE,MAAM,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO;QACH,wEAAwE;QACxE,kEAAkE;QAClE,SAAS,CAAC,IAAY,EAAE,KAAoB;YACxC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAC9B,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBACrB,IAAI;gBACJ,KAAK,EAAE,WAAW;gBAClB,YAAY,EAAE,KAAK;aACtB,CAAC,CAAC,MAAM,CAAC;YAEd,sEAAsE;YACtE,mEAAmE;YACnE,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAErG,OAAO;gBACH,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,eAEI,KAAK,EAAE;wBACH,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACxE,UAAU,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;qBAC1E,YAEA,KAAK,CAAC,OAAO,IAPT,KAAK,CAQP,CACV,CAAC,CACL;gBACD,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC;aAC3C,CAAC;QACN,CAAC;KACJ,CAAC;AACN,CAAC;AAED,8EAA8E;AAC9E,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,IAAY,EAAE,QAAgB;IAC9D,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AAClE,CAAC"}

package/dist/lib/recipes.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Shared class recipes (GUIDELINES.md §3-§6). Components compose these so every control family
+ * shares one focus ring, one field surface, one popup surface and one list-item look. Plain strings:
+ * `cn()` can still override any part from `className`.
+ */
+/** Keyboard focus ring for standalone controls (§6). */
+export declare const focusRing = "outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50";
+/** aria-invalid look for controls (§6). */
+export declare const invalidRing = "aria-invalid:border-danger aria-invalid:ring-3 aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40";
+/** Text-entry surface: input, textarea, select trigger, input-group, combobox chips (§4, §6). */
+export declare const fieldSurface = "rounded-lg border border-input bg-field transition-[color,background-color,border-color,box-shadow] placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-field-disabled disabled:opacity-50";
+/** Floating panel: popover, menus, select/combobox list, hover card (§1, §3). */
+export declare const popupSurface = "rounded-lg border border-border bg-popover text-popover-foreground shadow-lg shadow-(color:--shadow-color)";
+/** Popup open/close motion (§6). */
+export declare const popupMotion = "origin-(--transform-origin) duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none";
+/** Row inside a popup or list: menu item, select item, command item (§4, §6). */
+export declare const listItem = "relative flex min-h-8 cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-highlighted:[&_svg:not([class*='text-'])]:text-accent-foreground";
+/** Group label inside a popup or list. */
+export declare const listLabel = "px-2 py-1.5 text-xs font-medium text-muted-foreground";
+/** Separator inside a popup or list. */
+export declare const listSeparator = "-mx-1 my-1 h-px bg-border";
+/** Modal backdrop for dialog, alert dialog, sheet, drawer. */
+export declare const backdrop = "fixed inset-0 isolate z-50 bg-black/40 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0";
+/** Title in cards, dialogs, sheets, popovers, empty states, alerts (§5). */
+export declare const heading = "font-heading font-medium tracking-tight";
+/** Empty track / placeholder: progress & meter tracks, skeletons, unlit segments. bg-muted vanishes on cards. */
+export declare const placeholderFill = "bg-foreground/10 hc:bg-border";
+/** Selected row (table, data table, code line, list): accent tint + 2px inset primary indicator (§6). */
+export declare const selectedRow = "bg-accent text-accent-foreground shadow-[inset_2px_0_0_var(--primary-text)]";
+//# sourceMappingURL=recipes.d.ts.map