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

package/dist/components/site-layout.js

@@ -0,0 +1,99 @@
+"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 { ScrollArea } from "@repraze/kernelkit/components/scroll-area";
+import { cn } from "cn";
+import * as React from "react";
+/**
+ * The suite's page layout, under SiteHeader:
+ *
+ * ```tsx
+ * <SiteLayout>
+ *   <SiteSidebar aria-label="Docs">…SidebarGroup / SidebarMenu…</SiteSidebar>
+ *   <SiteMain>…PageHeader, content, Pager…</SiteMain>
+ *   <SiteAside><Toc>…</Toc></SiteAside>
+ * </SiteLayout>
+ * ```
+ *
+ * Sidebars are sticky below the header and scroll on their own with edge fades. Content pages without
+ * a sidebar use SiteContainer.
+ */
+/** Centered at `--kk-site-width` with the header's gutters. */
+function SiteContainer({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("mx-auto w-full max-w-(--kk-site-width) px-4 md:px-6", className) }, props),
+        render,
+        state: { slot: "site-container" },
+    });
+}
+/** Sidebar + main (+ aside) row inside the site container. */
+function SiteLayout({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn("mx-auto flex w-full max-w-(--kk-site-width) flex-1 gap-8 px-4 md:px-6 lg:gap-10", className),
+        }, props),
+        render,
+        state: { slot: "site-layout" },
+    });
+}
+/** Sticky columns fill the viewport below the header; their content has the page's vertical padding. */
+const stickyColumn = "sticky top-(--kk-header-height) h-[calc(100svh-var(--kk-header-height))]";
+/** Vertical rhythm of every column (the layout itself has none, so the sidebar border runs edge to edge). */
+const columnPadding = "py-8 lg:py-10";
+/** Items a nav marks current: SidebarMenuButton isActive, router links, aria-current. */
+const CURRENT = '[data-active]:not([data-active="false"]), [aria-current="page"], [data-status="active"]';
+/** Center the current item in the sidebar's own viewport (never scrolls the page). */
+function useKeepCurrentInView(viewport) {
+    React.useEffect(() => {
+        const el = viewport.current;
+        if (!el) {
+            return;
+        }
+        const reveal = () => {
+            const item = el.querySelector(CURRENT);
+            if (!item) {
+                return;
+            }
+            const offset = item.getBoundingClientRect().top - el.getBoundingClientRect().top;
+            if (offset < 0 || offset > el.clientHeight - item.offsetHeight) {
+                el.scrollTop += offset - el.clientHeight / 2;
+            }
+        };
+        reveal();
+        // navigation flips data-active / aria-current on the links: follow it
+        const observer = new MutationObserver(reveal);
+        observer.observe(el, {
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["data-active", "aria-current", "data-status"],
+        });
+        return () => observer.disconnect();
+    }, [viewport]);
+}
+/**
+ * Left navigation column (from `md`): sticky, scrolls on its own, fades at its edges, and keeps the
+ * current item in view. Its right border runs the layout's full height, header to footer.
+ */
+function SiteSidebar({ className, viewportClassName, children, ...props }) {
+    const viewport = React.useRef(null);
+    useKeepCurrentInView(viewport);
+    return (_jsx("aside", { "data-slot": "site-sidebar", className: cn("hidden w-60 shrink-0 border-r border-border md:block", className), ...props, children: _jsx("div", { className: stickyColumn, children: _jsx(ScrollArea, { fade: true, className: "h-full", viewportRef: viewport, viewportClassName: cn(columnPadding, "pr-3", viewportClassName), children: children }) }) }));
+}
+/** The page column. */
+function SiteMain({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "main",
+        props: mergeProps({ className: cn("flex min-w-0 flex-1 flex-col gap-10", columnPadding, className) }, props),
+        render,
+        state: { slot: "site-main" },
+    });
+}
+/** Right column (from `xl`): table of contents, page meta. Sticky like the sidebar. */
+function SiteAside({ className, children, ...props }) {
+    return (_jsx("aside", { "data-slot": "site-aside", className: cn("hidden w-48 shrink-0 xl:block", className), ...props, children: _jsx("div", { className: cn(stickyColumn, columnPadding, "overflow-y-auto"), children: children }) }));
+}
+export { SiteAside, SiteContainer, SiteLayout, SiteMain, SiteSidebar };
+//# sourceMappingURL=site-layout.js.map

package/dist/components/site-layout.js.map

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

package/dist/components/skeleton.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from "@base-ui/react/use-render";
+/** Placeholder block while content loads. Size it with `h-*`/`w-*`; `rounded-pill` for avatars and pills. */
+declare const skeletonClass = "animate-pulse rounded-md bg-foreground/10 motion-reduce:animate-none hc:bg-border";
+declare function Skeleton({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Skeleton, skeletonClass };
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,6GAA6G;AAC7G,QAAA,MAAM,aAAa,sFAAsF,CAAC;AAE1G,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAO/E;AAED,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/skeleton.js

@@ -0,0 +1,16 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+/** Placeholder block while content loads. Size it with `h-*`/`w-*`; `rounded-pill` for avatars and pills. */
+const skeletonClass = "animate-pulse rounded-md bg-foreground/10 motion-reduce:animate-none hc:bg-border";
+function Skeleton({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ "aria-hidden": true, className: cn(skeletonClass, className) }, props),
+        render,
+        state: { slot: "skeleton" },
+    });
+}
+export { Skeleton, skeletonClass };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.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,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,6GAA6G;AAC7G,MAAM,aAAa,GAAG,mFAAmF,CAAC;AAE1G,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IAC5E,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QAC/F,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC;KAC5B,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/slider.d.ts

@@ -0,0 +1,4 @@
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderPrimitive.Root.Props): import("react").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAGhE,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAO,EAAE,GAAS,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,+BAsCzG;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/components/slider.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import { cn } from "cn";
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
+    const thumbs = value !== undefined || defaultValue !== undefined ? _values.length : 1;
+    return (_jsx(SliderPrimitive.Root, { className: cn("group/slider data-horizontal:w-full data-vertical:h-full", className), "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, thumbAlignment: "edge", ...props, children: _jsxs(SliderPrimitive.Control, { "data-slot": "slider-control", className: "relative flex w-full touch-none items-center select-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-horizontal:h-4 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-4 data-vertical:flex-col data-vertical:justify-center", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-pill bg-input select-none data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "bg-primary select-none group-data-invalid/slider:bg-danger data-horizontal:h-full data-vertical:w-full" }) }), Array.from({ length: thumbs }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-4 shrink-0 cursor-grab rounded-pill border-2 border-primary-text bg-background shadow-sm shadow-(color:--shadow-color) ring-ring/50 transition-[color,box-shadow,border-color] duration-100 select-none after:absolute after:-inset-1 hover:ring-3 has-focus-visible:ring-3 has-focus-visible:outline-hidden active:cursor-grabbing active:ring-3 group-data-invalid/slider:border-danger group-data-invalid/slider:ring-danger/20 data-disabled:pointer-events-none motion-reduce:transition-none" }, index)))] }) }));
+}
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,SAAS,MAAM,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,KAAK,EAA6B;IACtG,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACvG,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtF,OAAO,CACH,KAAC,eAAe,CAAC,IAAI,IACjB,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,eAC1E,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,cAAc,EAAC,MAAM,KACjB,KAAK,YAET,MAAC,eAAe,CAAC,OAAO,iBACV,gBAAgB,EAC1B,SAAS,EAAC,0PAA0P,aAEpQ,KAAC,eAAe,CAAC,KAAK,iBACR,cAAc,EACxB,SAAS,EAAC,uJAAuJ,YAEjK,KAAC,eAAe,CAAC,SAAS,iBACZ,cAAc,EACxB,SAAS,EAAC,wGAAwG,GACpH,GACkB,EACvB,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,eAAe,CAAC,KAAK,iBACR,cAAc,EAExB,SAAS,EAAC,wfAAwf,IAD7f,KAAK,CAEZ,CACL,CAAC,IACoB,GACP,CAC1B,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/components/spinner.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+/** Sizes follow the icon column of §4 so a spinner can replace an icon in place. */
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SpinnerProps extends React.ComponentProps<"svg">, VariantProps<typeof spinnerVariants> {
+}
+/** Indeterminate loading indicator. Inherits `currentColor`; announces itself as a status. */
+declare function Spinner({ className, size, ...props }: SpinnerProps): import("react").JSX.Element;
+export { Spinner, spinnerVariants };
+export type { SpinnerProps };
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,oFAAoF;AACpF,QAAA,MAAM,eAAe;;8EAepB,CAAC;AAEF,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAEnG,8FAA8F;AAC9F,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,+BAWzD;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC;AAClC,YAAY,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/spinner.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { Loader2Icon } from "lucide-react";
+/** Sizes follow the icon column of §4 so a spinner can replace an icon in place. */
+const spinnerVariants = cva(
+// reduced motion: slow the spin down rather than freeze it, a frozen spinner reads as a glyph
+"shrink-0 animate-spin text-current motion-reduce:[animation-duration:2.5s]", {
+    variants: {
+        size: {
+            xs: "size-3",
+            sm: "size-3.5",
+            default: "size-4",
+            lg: "size-5",
+            xl: "size-6",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+/** Indeterminate loading indicator. Inherits `currentColor`; announces itself as a status. */
+function Spinner({ className, size, ...props }) {
+    return (_jsx(Loader2Icon, { "data-slot": "spinner", "data-size": size ?? "default", role: "status", "aria-label": "Loading", className: cn(spinnerVariants({ size }), className), ...props }));
+}
+export { Spinner, spinnerVariants };
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,oFAAoF;AACpF,MAAM,eAAe,GAAG,GAAG;AACvB,8FAA8F;AAC9F,4EAA4E,EAC5E;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,UAAU;YACd,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;SACf;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAIF,8FAA8F;AAC9F,SAAS,OAAO,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe;IACtD,OAAO,CACH,KAAC,WAAW,iBACE,SAAS,eACR,IAAI,IAAI,SAAS,EAC5B,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAC7C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/stat.d.ts

@@ -0,0 +1,31 @@
+import { useRender } from "@base-ui/react/use-render";
+import type * as React from "react";
+/** A metric: label, big mono value, delta and an optional sparkline. Sits alone or inside a Card. */
+declare const statVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Stat({ className, size, render, ...props }: useRender.ComponentProps<"div"> & {
+    size?: "sm" | "default" | "lg";
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function StatLabel({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function StatValue({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/** Unit or suffix after the value (`ms`, `%`, `req/s`). */
+declare function StatUnit({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+type StatTrend = "up" | "down" | "flat";
+declare const statDeltaVariants: (props?: ({
+    intent?: "neutral" | "positive" | "negative" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Change versus a previous period. `trend` picks the arrow; up is good (success) and down is bad (danger)
+ * unless `invert` is set (latency, error rate, cost). The arrow keeps the meaning readable without color.
+ */
+declare function StatDelta({ className, trend, invert, children, ...props }: React.ComponentProps<"div"> & {
+    trend?: StatTrend;
+    invert?: boolean;
+}): React.JSX.Element;
+declare function StatDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/** Right-hand slot beside the value and delta rows: a sparkline, an icon tile or a badge. */
+declare function StatSparkline({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Stat, StatDelta, statDeltaVariants, StatDescription, StatLabel, StatSparkline, StatUnit, StatValue, statVariants, };
+export type { StatTrend };
+//# sourceMappingURL=stat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/components/stat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,qGAAqG;AACrG,QAAA,MAAM,YAAY;;8EAShB,CAAC;AAEH,iBAAS,IAAI,CAAC,EACV,SAAS,EACT,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACX,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAAC,0EAOpE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYpE;AAED,2DAA2D;AAC3D,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQpE;AAED,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,QAAA,MAAM,iBAAiB;;8EAYtB,CAAC;AAIF;;;GAGG;AACH,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,KAAc,EACd,MAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAC,qBAgBrE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ1E;AAED,6FAA6F;AAC7F,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,OAAO,EACH,IAAI,EACJ,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,YAAY,GACf,CAAC;AACF,YAAY,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/stat.js

@@ -0,0 +1,66 @@
+"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 { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ArrowDownRightIcon, ArrowUpRightIcon, MinusIcon } from "lucide-react";
+/** A metric: label, big mono value, delta and an optional sparkline. Sits alone or inside a Card. */
+const statVariants = cva("group/stat grid min-w-0 grid-cols-[1fr_auto] content-start gap-x-3", {
+    variants: {
+        size: {
+            sm: "gap-y-0.5",
+            default: "gap-y-1",
+            lg: "gap-y-1.5",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Stat({ className, size = "default", render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn(statVariants({ size }), className) }, props),
+        render,
+        state: { slot: "stat", size },
+    });
+}
+function StatLabel({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stat-label", className: cn("col-span-full flex min-w-0 items-center gap-1.5 truncate text-xs font-medium text-muted-foreground [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className), ...props }));
+}
+function StatValue({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stat-value", className: cn("col-start-1 flex items-baseline gap-1 font-mono text-2xl leading-tight font-medium tracking-tight text-foreground tabular-nums", "group-data-[size=sm]/stat:text-xl group-data-[size=lg]/stat:text-3xl", className), ...props }));
+}
+/** Unit or suffix after the value (`ms`, `%`, `req/s`). */
+function StatUnit({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "stat-unit", className: cn("text-sm font-normal tracking-normal text-muted-foreground", className), ...props }));
+}
+const statDeltaVariants = cva("col-start-1 inline-flex w-fit items-center gap-1 font-mono text-xs font-medium tabular-nums [&_svg]:size-3.5 [&_svg]:shrink-0", {
+    variants: {
+        intent: {
+            positive: "text-success",
+            negative: "text-danger",
+            neutral: "text-muted-foreground",
+        },
+    },
+    defaultVariants: { intent: "neutral" },
+});
+const trendIcon = { up: ArrowUpRightIcon, down: ArrowDownRightIcon, flat: MinusIcon };
+/**
+ * Change versus a previous period. `trend` picks the arrow; up is good (success) and down is bad (danger)
+ * unless `invert` is set (latency, error rate, cost). The arrow keeps the meaning readable without color.
+ */
+function StatDelta({ className, trend = "flat", invert = false, children, ...props }) {
+    const good = trend === "flat" ? null : (trend === "up") !== invert;
+    const intent = good === null ? "neutral" : good ? "positive" : "negative";
+    const Icon = trendIcon[trend];
+    return (_jsxs("div", { "data-slot": "stat-delta", "data-trend": trend, "data-intent": intent, className: cn(statDeltaVariants({ intent }), className), ...props, children: [_jsx(Icon, { "aria-hidden": "true" }), children] }));
+}
+function StatDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stat-description", className: cn("col-start-1 text-xs text-muted-foreground", className), ...props }));
+}
+/** Right-hand slot beside the value and delta rows: a sparkline, an icon tile or a badge. */
+function StatSparkline({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stat-sparkline", className: cn("col-start-2 row-span-2 row-start-2 flex h-full min-h-8 w-24 items-end self-end text-primary-text", className), ...props }));
+}
+export { Stat, StatDelta, statDeltaVariants, StatDescription, StatLabel, StatSparkline, StatUnit, StatValue, statVariants, };
+//# sourceMappingURL=stat.js.map

package/dist/components/stat.js.map

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

package/dist/components/status-dot.d.ts

@@ -0,0 +1,25 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type Color } from "@repraze/kernelkit/lib/color";
+import type * as React from "react";
+/** The wrapper: dot + optional label, inline. Sets the color vars for the dot. */
+declare const statusDotVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "neutral" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface StatusDotProps extends Omit<useRender.ComponentProps<"span">, "color"> {
+    /** Status hue. Defaults to `neutral` (muted grey). */
+    color?: Color | null;
+    size?: "sm" | "default" | "lg";
+    /** Animated ping ring for live / in-progress states. Disabled under `prefers-reduced-motion`. */
+    pulse?: boolean;
+    /** Accessible name when there is no visible label. */
+    label?: string;
+}
+/**
+ * A small pill dot that carries a status color. Put the visible label as children; color is never the only
+ * signal, so give a dot without children a `label`.
+ */
+declare function StatusDot({ className, color, size, pulse, label, children, render, ...props }: StatusDotProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { StatusDot, statusDotVariants };
+export type { StatusDotProps };
+//# sourceMappingURL=status-dot.d.ts.map

package/dist/components/status-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.d.ts","sourceRoot":"","sources":["../../src/components/status-dot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAGvE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,kFAAkF;AAClF,QAAA,MAAM,iBAAiB;;;8EAUrB,CAAC;AAQH,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC5E,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,KAAK,EACL,IAAgB,EAChB,KAAa,EACb,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,0EAuChB;AAED,OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,CAAC;AACtC,YAAY,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/status-dot.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/** The wrapper: dot + optional label, inline. Sets the color vars for the dot. */
+const statusDotVariants = cva("group/status-dot inline-flex items-center text-sm text-foreground", {
+    variants: {
+        color: colorVariants,
+        size: {
+            sm: "gap-1.5 text-xs",
+            default: "gap-2",
+            lg: "gap-2",
+        },
+    },
+    defaultVariants: { color: "neutral", size: "default" },
+});
+const dotSize = {
+    sm: "size-1.5",
+    default: "size-2",
+    lg: "size-2.5",
+};
+/**
+ * A small pill dot that carries a status color. Put the visible label as children; color is never the only
+ * signal, so give a dot without children a `label`.
+ */
+function StatusDot({ className, color, size = "default", pulse = false, label, children, render, ...props }) {
+    const resolved = color ?? "neutral";
+    const dot = (_jsxs("span", { "data-slot": "status-dot-indicator", className: cn("relative inline-flex shrink-0", dotSize[size]), children: [pulse ? (_jsx("span", { "data-slot": "status-dot-ping", "aria-hidden": "true", className: "absolute inset-0 animate-ping rounded-pill bg-(--c) opacity-60 motion-reduce:hidden" })) : null, _jsx("span", { "aria-hidden": "true", className: cn("relative inline-flex size-full rounded-pill bg-(--c)", resolved === "neutral" && "bg-muted-foreground") })] }));
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps({
+            className: cn(statusDotVariants({ color: resolved, size }), className),
+            role: label && !children ? "img" : undefined,
+            "aria-label": label && !children ? label : undefined,
+            children: (_jsxs(_Fragment, { children: [dot, children ? _jsx("span", { "data-slot": "status-dot-label", children: children }) : null] })),
+        }, props),
+        render,
+        state: { slot: "status-dot", color: resolved, size, pulse: pulse || undefined },
+    });
+}
+export { StatusDot, statusDotVariants };
+//# sourceMappingURL=status-dot.js.map

package/dist/components/status-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.js","sourceRoot":"","sources":["../../src/components/status-dot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAa,aAAa,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,kFAAkF;AAClF,MAAM,iBAAiB,GAAG,GAAG,CAAC,mEAAmE,EAAE;IAC/F,QAAQ,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE;YACF,EAAE,EAAE,iBAAiB;YACrB,OAAO,EAAE,OAAO;YAChB,EAAE,EAAE,OAAO;SACd;KACJ;IACD,eAAe,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC;CACvD,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG;IACZ,EAAE,EAAE,UAAU;IACd,OAAO,EAAE,QAAQ;IACjB,EAAE,EAAE,UAAU;CACR,CAAC;AAYX;;;GAGG;AACH,SAAS,SAAS,CAAC,EACf,SAAS,EACT,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACK;IACb,MAAM,QAAQ,GAAG,KAAK,IAAI,SAAS,CAAC;IACpC,MAAM,GAAG,GAAG,CACR,6BAAgB,sBAAsB,EAAC,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,aAC/F,KAAK,CAAC,CAAC,CAAC,CACL,4BACc,iBAAiB,iBACf,MAAM,EAClB,SAAS,EAAC,qFAAqF,GACjG,CACL,CAAC,CAAC,CAAC,IAAI,EACR,8BACgB,MAAM,EAClB,SAAS,EAAE,EAAE,CACT,sDAAsD,EACtD,QAAQ,KAAK,SAAS,IAAI,qBAAqB,CAClD,GACH,IACC,CACV,CAAC;IACF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC;YACpE,IAAI,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YAC5C,YAAY,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YACpD,QAAQ,EAAE,CACN,8BACK,GAAG,EACH,QAAQ,CAAC,CAAC,CAAC,4BAAgB,kBAAkB,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxE,CACN;SAC4B,EACjC,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAC;KAChF,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,CAAC"}

package/dist/components/switch.d.ts

@@ -0,0 +1,17 @@
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Track classes. The track is border-box with a 1px border, so the thumb sits 1px inside it and travels
+ * (width - height) when checked.
+ */
+declare const switchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SwitchProps = SwitchPrimitive.Root.Props & VariantProps<typeof switchVariants>;
+declare function Switch({ className, size, ...props }: SwitchProps): import("react").JSX.Element;
+export { Switch, switchThumbVariants, switchVariants };
+export type { SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE;;;GAGG;AACH,QAAA,MAAM,cAAc;;8EAsBnB,CAAC;AAEF,QAAA,MAAM,mBAAmB;;8EAgBxB,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEpF,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,WAAW,+BAWnE;AAED,OAAO,EAAC,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAC,CAAC;AACrD,YAAY,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/switch.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/**
+ * Track classes. The track is border-box with a 1px border, so the thumb sits 1px inside it and travels
+ * (width - height) when checked.
+ */
+const switchVariants = cva([
+    "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-pill border px-px",
+    "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none",
+    "after:absolute after:-inset-x-3 after:-inset-y-2",
+    focusRing,
+    "data-unchecked:border-input data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-unchecked:hover:bg-[color-mix(in_oklch,var(--input),var(--foreground)_15%)] dark:data-unchecked:hover:bg-[color-mix(in_oklch,var(--input),var(--foreground)_15%)]", // lint-design-ignore: paired dark:hover below
+    "data-checked:border-primary data-checked:bg-primary data-checked:hover:border-primary/85 data-checked:hover:bg-primary/85",
+    "aria-invalid:border-danger aria-invalid:ring-3 aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40",
+    "data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:pointer-events-none",
+    "group-has-[:focus-visible]/field-label:ring-0",
+], {
+    variants: {
+        size: {
+            sm: "h-4 w-7",
+            default: "h-5 w-9",
+            lg: "h-6 w-11",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+const switchThumbVariants = cva([
+    "pointer-events-none block rounded-pill shadow-sm shadow-(color:--shadow-color) ring-0 transition-[translate,background-color] duration-100 motion-reduce:transition-none",
+    "data-unchecked:translate-x-0 data-unchecked:bg-background dark:data-unchecked:bg-foreground", // lint-design-ignore: thumb has no hover state
+    "data-checked:bg-primary-foreground",
+], {
+    variants: {
+        size: {
+            sm: "size-3 data-checked:translate-x-3",
+            default: "size-4 data-checked:translate-x-4",
+            lg: "size-5 data-checked:translate-x-5",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Switch({ className, size = "default", ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn(switchVariants({ size }), className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: switchThumbVariants({ size }) }) }));
+}
+export { Switch, switchThumbVariants, switchVariants };
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB;;;GAGG;AACH,MAAM,cAAc,GAAG,GAAG,CACtB;IACI,uGAAuG;IACvG,wGAAwG;IACxG,kDAAkD;IAClD,SAAS;IACT,4PAA4P,EAAE,8CAA8C;IAC5S,2HAA2H;IAC3H,6GAA6G;IAC7G,6FAA6F;IAC7F,+CAA+C;CAClD,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,UAAU;SACjB;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,CAC3B;IACI,0KAA0K;IAC1K,6FAA6F,EAAE,+CAA+C;IAC9I,oCAAoC;CACvC,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,mCAAmC;YACvC,OAAO,EAAE,mCAAmC;YAC5C,EAAE,EAAE,mCAAmC;SAC1C;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAIF,SAAS,MAAM,CAAC,EAAC,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACH,KAAC,eAAe,CAAC,IAAI,iBACP,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAC5C,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,EAAC,SAAS,EAAE,mBAAmB,CAAC,EAAC,IAAI,EAAC,CAAC,GAAI,GACvE,CAC1B,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/table.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const tableContainerVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface TableProps extends React.ComponentProps<"table">, VariantProps<typeof tableContainerVariants> {
+    containerClassName?: string;
+    /** Zebra-stripe even body rows. */
+    striped?: boolean;
+    /** Row hover wash (on by default). */
+    hoverable?: boolean;
+    /** Vertical separators between columns. */
+    dividers?: boolean;
+}
+declare function Table({ className, containerClassName, bordered, striped, hoverable, dividers, ...props }: TableProps): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+export { Table, TableBody, TableCaption, TableCell, tableContainerVariants, TableFooter, TableHead, TableHeader, TableRow, };
+export type { TableProps };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,QAAA,MAAM,sBAAsB;;8EAU1B,CAAC;AAEH,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,qBAclH;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAExE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAgBlE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAYnE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAYnE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAW3E;AAED,OAAO,EACH,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACX,CAAC;AACF,YAAY,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/table.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const tableContainerVariants = cva("relative w-full", {
+    variants: {
+        // `bordered` clips with overflow-hidden so the rounded corners stay clean. Override the overflow
+        // via `containerClassName` (e.g. "overflow-auto max-h-96") for a bordered, scrollable frame.
+        bordered: {
+            true: "overflow-hidden rounded-lg border border-border",
+            false: "overflow-x-auto",
+        },
+    },
+    defaultVariants: { bordered: false },
+});
+function Table({ className, containerClassName, bordered, striped, hoverable = true, dividers, ...props }) {
+    return (_jsx("div", { "data-slot": "table-container", className: cn(tableContainerVariants({ bordered }), containerClassName), children: _jsx("table", { "data-slot": "table", "data-bordered": bordered || undefined, "data-striped": striped || undefined, "data-hoverable": hoverable || undefined, "data-dividers": dividers || undefined, className: cn("group/table w-full caption-bottom text-sm", className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return _jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+}
+function TableBody({ className, ...props }) {
+    return _jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    return (_jsx("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors duration-100 has-aria-expanded:bg-hover", 
+        // flags on <Table>: striping targets even body rows; hover skips the header row
+        "group-data-striped/table:in-data-[slot=table-body]:even:bg-muted/50", "group-data-hoverable/table:not-in-data-[slot=table-header]:hover:bg-hover", 
+        // selected = accent tint + a 2px primary indicator on the first cell (never shade alone)
+        "data-[state=selected]:bg-accent! data-[state=selected]:text-accent-foreground data-[state=selected]:*:first:shadow-[inset_2px_0_0_var(--primary-text)]", className), ...props }));
+}
+function TableHead({ className, ...props }) {
+    return (_jsx("th", { "data-slot": "table-head", className: cn("h-10 px-2 text-left align-middle text-xs font-medium whitespace-nowrap text-muted-foreground [&:has([role=checkbox])]:pr-0", "group-data-dividers/table:not-last:border-r group-data-dividers/table:border-border", className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (_jsx("td", { "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", "group-data-dividers/table:not-last:border-r group-data-dividers/table:border-border", className), ...props }));
+}
+function TableCaption({ className, ...props }) {
+    return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground group-data-bordered/table:mt-0 group-data-bordered/table:border-t group-data-bordered/table:border-border group-data-bordered/table:py-2", className), ...props }));
+}
+export { Table, TableBody, TableCaption, TableCell, tableContainerVariants, TableFooter, TableHead, TableHeader, TableRow, };
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB,MAAM,sBAAsB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAClD,QAAQ,EAAE;QACN,iGAAiG;QACjG,6FAA6F;QAC7F,QAAQ,EAAE;YACN,IAAI,EAAE,iDAAiD;YACvD,KAAK,EAAE,iBAAiB;SAC3B;KACJ;IACD,eAAe,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAC;CACrC,CAAC,CAAC;AAYH,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IAC/G,OAAO,CACH,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,QAAQ,EAAC,CAAC,EAAE,kBAAkB,CAAC,YAClG,6BACc,OAAO,mBACF,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,oBAClB,SAAS,IAAI,SAAS,mBACvB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACrE,OAAO,6BAAiB,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACtG,CAAC;AAED,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACnE,OAAO,6BAAiB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/G,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACrE,OAAO,CACH,6BACc,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,uEAAuE,EAAE,SAAS,CAAC,KAC7F,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IAC/D,OAAO,CACH,0BACc,WAAW,EACrB,SAAS,EAAE,EAAE,CACT,kFAAkF;QAClF,gFAAgF;QAChF,qEAAqE,EACrE,2EAA2E;QAC3E,yFAAyF;QACzF,wJAAwJ,EACxJ,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IAChE,OAAO,CACH,0BACc,YAAY,EACtB,SAAS,EAAE,EAAE,CACT,4HAA4H,EAC5H,qFAAqF,EACrF,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IAChE,OAAO,CACH,0BACc,YAAY,EACtB,SAAS,EAAE,EAAE,CACT,kEAAkE,EAClE,qFAAqF,EACrF,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAkC;IACxE,OAAO,CACH,+BACc,eAAe,EACzB,SAAS,EAAE,EAAE,CACT,6KAA6K,EAC7K,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EACH,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACX,CAAC"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,18 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { type VariantProps } from "class-variance-authority";
+declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react").JSX.Element;
+/**
+ * `default`: a tray with the active tab raised on a bordered surface (the border keeps it readable in
+ * high contrast). `line`: a baseline with a 2px primary indicator under the active tab.
+ * Sizes follow the control table (GUIDELINES §4) so a tabs list lines up with buttons and inputs.
+ */
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, size, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react").JSX.Element;
+declare const tabsTriggerClass: string;
+declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react").JSX.Element;
+declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react").JSX.Element;
+export { Tabs, TabsContent, TabsList, tabsListVariants, TabsTrigger, tabsTriggerClass };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,IAAI,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,+BAUxF;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB;;;8EAmBrB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,+BAUlE;AAED,QAAA,MAAM,gBAAgB,QAoBrB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,+BAElE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,+BAQpE;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}