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

package/dist/components/tabs.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+function Tabs({ className, orientation = "horizontal", ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className), ...props }));
+}
+/**
+ * `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.
+ */
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center text-muted-foreground data-vertical:h-fit data-vertical:flex-col data-vertical:items-stretch", {
+    variants: {
+        variant: {
+            default: "rounded-lg border border-transparent bg-muted p-[3px] data-vertical:gap-0.5 hc:border-border",
+            line: "gap-1 rounded-none border-border bg-transparent data-horizontal:border-b data-horizontal:py-[3px] data-vertical:border-r data-vertical:px-[3px]",
+        },
+        size: {
+            sm: "data-horizontal:h-7",
+            default: "data-horizontal:h-8",
+            lg: "data-horizontal:h-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function TabsList({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, "data-size": size, className: cn(tabsListVariants({ variant, size }), className), ...props }));
+}
+const tabsTriggerClass = cn("relative inline-flex h-full flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 text-sm font-medium whitespace-nowrap text-muted-foreground select-none", "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none", focusRing, "hover:text-foreground not-data-active:hover:bg-hover", "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50", "has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 
+// sizes, read from the list
+"group-data-[size=sm]/tabs-list:gap-1 group-data-[size=sm]/tabs-list:px-1.5 group-data-[size=sm]/tabs-list:text-[0.8rem] group-data-[size=sm]/tabs-list:[&_svg:not([class*='size-'])]:size-3.5", "group-data-[size=lg]/tabs-list:gap-2 group-data-[size=lg]/tabs-list:px-2.5", 
+// vertical: full-width rows
+"data-vertical:w-full data-vertical:flex-none data-vertical:justify-start data-vertical:py-1", 
+// default: raised, bordered surface + foreground text (readable without the shade in hc)
+"data-active:text-foreground", "group-data-[variant=default]/tabs-list:data-active:border-input group-data-[variant=default]/tabs-list:data-active:bg-background group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=default]/tabs-list:data-active:shadow-(color:--shadow-color) dark:group-data-[variant=default]/tabs-list:data-active:bg-input/30", 
+// line: 2px primary indicator over the list's baseline
+"after:pointer-events-none after:absolute after:rounded-pill after:bg-primary-text after:opacity-0 after:transition-opacity group-data-[variant=line]/tabs-list:data-active:after:opacity-100", "data-horizontal:after:inset-x-1 data-horizontal:after:-bottom-1 data-horizontal:after:h-0.5", "data-vertical:after:inset-y-1 data-vertical:after:-right-1 data-vertical:after:w-0.5");
+function TabsTrigger({ className, ...props }) {
+    return _jsx(TabsPrimitive.Tab, { "data-slot": "tabs-trigger", className: cn(tabsTriggerClass, className), ...props });
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-content", className: cn("flex-1 rounded-md text-sm", focusRing, className), ...props }));
+}
+export { Tabs, TabsContent, TabsList, tabsListVariants, TabsTrigger, tabsTriggerClass };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,IAAI,IAAI,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,SAAS,IAAI,CAAC,EAAC,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,KAAK,EAA2B;IACrF,OAAO,CACH,KAAC,aAAa,CAAC,IAAI,iBACL,MAAM,sBACE,WAAW,EAC7B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,GAAG,CACxB,4JAA4J,EAC5J;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,8FAA8F;YACvG,IAAI,EAAE,iJAAiJ;SAC1J;QACD,IAAI,EAAE;YACF,EAAE,EAAE,qBAAqB;YACzB,OAAO,EAAE,qBAAqB;YAC9B,EAAE,EAAE,qBAAqB;SAC5B;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAClB;CACJ,CACJ,CAAC;AAEF,SAAS,QAAQ,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACuD;IAC/D,OAAO,CACH,KAAC,aAAa,CAAC,IAAI,iBACL,WAAW,kBACP,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,MAAM,gBAAgB,GAAG,EAAE,CACvB,0LAA0L,EAC1L,wGAAwG,EACxG,SAAS,EACT,sDAAsD,EACtD,wKAAwK,EACxK,uEAAuE,EACvE,mFAAmF;AACnF,4BAA4B;AAC5B,+LAA+L,EAC/L,4EAA4E;AAC5E,4BAA4B;AAC5B,6FAA6F;AAC7F,yFAAyF;AACzF,6BAA6B,EAC7B,oVAAoV;AACpV,uDAAuD;AACvD,8LAA8L,EAC9L,6FAA6F,EAC7F,sFAAsF,CACzF,CAAC;AAEF,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA0B;IAC/D,OAAO,KAAC,aAAa,CAAC,GAAG,iBAAW,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACjH,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA4B;IACjE,OAAO,CACH,KAAC,aAAa,CAAC,KAAK,iBACN,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,EAAE,SAAS,CAAC,KAC5D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/textarea.d.ts

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

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

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

package/dist/components/textarea.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fieldSurface, focusRing, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import * as React from "react";
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn(fieldSurface, focusRing, invalidRing, "flex field-sizing-content min-h-16 w-full px-2.5 py-2 text-base md:text-sm", className), ...props }));
+}
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAmC;IACrE,OAAO,CACH,gCACc,UAAU,EACpB,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,4EAA4E,EAC5E,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/toast.d.ts

@@ -0,0 +1,27 @@
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import * as React from "react";
+declare const toast: import("@base-ui/react").ToastManager<any>;
+declare function ToastProvider({ ...props }: ToastPrimitive.Provider.Props): React.JSX.Element;
+declare function ToastPortal({ ...props }: ToastPrimitive.Portal.Props): React.JSX.Element;
+declare function ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props): React.JSX.Element;
+declare function Toast({ className, ...props }: ToastPrimitive.Root.Props): React.JSX.Element;
+declare function ToastContent({ className, ...props }: ToastPrimitive.Content.Props): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: ToastPrimitive.Description.Props): React.JSX.Element;
+declare function ToastAction({ className, render, ...props }: ToastPrimitive.Action.Props): React.JSX.Element;
+declare function ToastClose({ className, children, render, ...props }: ToastPrimitive.Close.Props): React.JSX.Element;
+declare function ToastIcon({ type, className }: {
+    type: string | undefined;
+    className?: string;
+}): React.JSX.Element | null;
+/**
+ * Provider + viewport + default toast rendering. Uses the global `toast` manager by default;
+ * `toastManager={null}` gives it a local one, reached through `useToastManager()` inside.
+ */
+declare function Toaster({ children, toastManager, ...props }: Omit<ToastPrimitive.Provider.Props, "toastManager"> & {
+    toastManager?: ToastPrimitive.Provider.Props["toastManager"] | null;
+}): React.JSX.Element;
+declare const createToastManager: typeof ToastPrimitive.createToastManager;
+declare const useToastManager: typeof ToastPrimitive.useToastManager;
+export { createToastManager, Toast, toast, ToastAction, ToastClose, ToastContent, ToastDescription, Toaster, ToastIcon, ToastPortal, ToastProvider, ToastTitle, ToastViewport, useToastManager, };
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAM7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,KAAK,4CAAsC,CAAC;AAElD,iBAAS,aAAa,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE3D;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW1E;AAED,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBA0B9D;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAWxE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQpE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQhF;AAED,iBAAS,WAAW,CAAC,EACjB,SAAS,EACT,MAA+C,EAC/C,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAS7B;AAED,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,MAAkD,EAClD,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAe5B;AAcD,iBAAS,SAAS,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,4BAgBnF;AAoBD;;;GAGG;AACH,iBAAS,OAAO,CAAC,EACb,QAAQ,EACR,YAAoB,EACpB,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CACvE,qBAWA;AAED,QAAA,MAAM,kBAAkB,0CAAoC,CAAC;AAC7D,QAAA,MAAM,eAAe,uCAAiC,CAAC;AAEvD,OAAO,EACH,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,GAClB,CAAC"}

package/dist/components/toast.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { Button } from "@repraze/kernelkit/components/button";
+import { focusRing, heading } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cn } from "cn";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
+import * as React from "react";
+const toast = ToastPrimitive.createToastManager();
+function ToastProvider({ ...props }) {
+    return _jsx(ToastPrimitive.Provider, { "data-slot": "toast-provider", ...props });
+}
+function ToastPortal({ ...props }) {
+    return _jsx(ToastPrimitive.Portal, { container: usePortalContainer(), "data-slot": "toast-portal", ...props });
+}
+function ToastViewport({ className, ...props }) {
+    return (_jsx(ToastPrimitive.Viewport, { "data-slot": "toast-viewport", className: cn("pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full", className), ...props }));
+}
+function Toast({ className, ...props }) {
+    return (_jsx(ToastPrimitive.Root, { "data-slot": "toast", className: cn("group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-xl border border-border bg-popover text-popover-foreground shadow-lg shadow-(color:--shadow-color) will-change-transform select-none motion-reduce:transition-none", focusRing, "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]", "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]", "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']", "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", className), ...props }));
+}
+function ToastContent({ className, ...props }) {
+    return (_jsx(ToastPrimitive.Content, { "data-slot": "toast-content", className: cn("flex h-full items-start gap-3 overflow-hidden p-3 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100", className), ...props }));
+}
+function ToastTitle({ className, ...props }) {
+    return (_jsx(ToastPrimitive.Title, { "data-slot": "toast-title", className: cn(heading, "text-sm leading-5", className), ...props }));
+}
+function ToastDescription({ className, ...props }) {
+    return (_jsx(ToastPrimitive.Description, { "data-slot": "toast-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+function ToastAction({ className, render = _jsx(Button, { variant: "outline", size: "sm" }), ...props }) {
+    return (_jsx(ToastPrimitive.Action, { "data-slot": "toast-action", render: render, className: cn("shrink-0 self-center", className), ...props }));
+}
+function ToastClose({ className, children, render = _jsx(Button, { variant: "ghost", size: "icon-xs" }), ...props }) {
+    return (_jsx(ToastPrimitive.Close, { "data-slot": "toast-close", "aria-label": "Close toast", render: render, className: cn("relative -my-1 -mr-1 size-6 shrink-0 text-muted-foreground after:absolute after:-inset-1 after:content-[''] hover:text-foreground", className), ...props, children: children ?? _jsx(XIcon, { "aria-hidden": "true" }) }));
+}
+/** Toast `type`s with an icon. Status is never color alone (GUIDELINES §2): each has its own glyph. */
+const TOAST_ICONS = {
+    success: _jsx(CircleCheckIcon, { className: "text-success", "aria-hidden": "true" }),
+    info: _jsx(InfoIcon, { className: "text-info", "aria-hidden": "true" }),
+    warning: _jsx(TriangleAlertIcon, { className: "text-warning", "aria-hidden": "true" }),
+    error: _jsx(OctagonXIcon, { className: "text-danger", "aria-hidden": "true" }),
+    danger: _jsx(OctagonXIcon, { className: "text-danger", "aria-hidden": "true" }),
+    loading: (_jsx(Loader2Icon, { className: "animate-spin text-muted-foreground motion-reduce:animate-none", "aria-hidden": "true" })),
+};
+function ToastIcon({ type, className }) {
+    const icon = type ? TOAST_ICONS[type] : null;
+    if (!icon) {
+        return null;
+    }
+    return (_jsx("span", { "data-slot": "toast-icon", className: cn("flex h-5 shrink-0 items-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), children: icon }));
+}
+function ToastList() {
+    const { toasts } = ToastPrimitive.useToastManager();
+    return toasts.map((toastItem) => (_jsx(Toast, { toast: toastItem, children: _jsxs(ToastContent, { children: [_jsx(ToastIcon, { type: toastItem.type }), _jsxs("div", { "data-slot": "toast-text", className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx(ToastTitle, {}), _jsx(ToastDescription, {})] }), _jsx(ToastAction, {}), _jsx(ToastClose, {})] }) }, toastItem.id)));
+}
+/**
+ * Provider + viewport + default toast rendering. Uses the global `toast` manager by default;
+ * `toastManager={null}` gives it a local one, reached through `useToastManager()` inside.
+ */
+function Toaster({ children, toastManager = toast, ...props }) {
+    return (_jsxs(ToastProvider, { toastManager: toastManager ?? undefined, ...props, children: [children, _jsx(ToastPortal, { children: _jsx(ToastViewport, { children: _jsx(ToastList, {}) }) })] }));
+}
+const createToastManager = ToastPrimitive.createToastManager;
+const useToastManager = ToastPrimitive.useToastManager;
+export { createToastManager, Toast, toast, ToastAction, ToastClose, ToastContent, ToastDescription, Toaster, ToastIcon, ToastPortal, ToastProvider, ToastTitle, ToastViewport, useToastManager, };
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

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

package/dist/components/toc.d.ts

@@ -0,0 +1,35 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+/**
+ * "On this page": a page's section links, usually in SiteAside.
+ *
+ * ```tsx
+ * const active = useTocActive(sections.map((s) => s.id));
+ * <Toc>
+ *   <TocTitle>On this page</TocTitle>
+ *   <TocList>
+ *     {sections.map((s) => <TocItem key={s.id} href={`#${s.id}`} active={s.id === active}>{s.title}</TocItem>)}
+ *   </TocList>
+ * </Toc>
+ * ```
+ */
+declare function Toc({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function TocTitle({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function TocList({ className, render, ...props }: useRender.ComponentProps<"ul">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+interface TocItemProps extends useRender.ComponentProps<"a"> {
+    /** The section in view: accent indicator on the rail + foreground text. */
+    active?: boolean;
+    /** Heading depth below the top level (indent). */
+    depth?: 0 | 1 | 2;
+}
+declare function TocItem({ className, render, active, depth, ...props }: TocItemProps): React.JSX.Element;
+/**
+ * Scroll-spy: the id of the section currently being read (the last one whose top passed the header),
+ * for TocItem `active`. SSR-safe; returns the first id until mounted.
+ */
+declare function useTocActive(ids: readonly string[], { offset }?: {
+    offset?: number;
+}): string | undefined;
+export { Toc, TocItem, TocList, TocTitle, useTocActive };
+export type { TocItemProps };
+//# sourceMappingURL=toc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../src/components/toc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,iBAAS,GAAG,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAU1E;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAU7E;AAED,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,0EAO7E;AAED,UAAU,YAAa,SAAQ,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC;IACxD,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AAED,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,MAAc,EAAE,KAAS,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAoBtF;AAED;;;GAGG;AACH,iBAAS,YAAY,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,EAAE,EAAC,MAAW,EAAC,GAAE;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAM,GAAG,MAAM,GAAG,SAAS,CA+BvG;AAED,OAAO,EAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC;AACvD,YAAY,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/toc.js

@@ -0,0 +1,94 @@
+"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 { cn } from "cn";
+import * as React from "react";
+/**
+ * "On this page": a page's section links, usually in SiteAside.
+ *
+ * ```tsx
+ * const active = useTocActive(sections.map((s) => s.id));
+ * <Toc>
+ *   <TocTitle>On this page</TocTitle>
+ *   <TocList>
+ *     {sections.map((s) => <TocItem key={s.id} href={`#${s.id}`} active={s.id === active}>{s.title}</TocItem>)}
+ *   </TocList>
+ * </Toc>
+ * ```
+ */
+function Toc({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "nav",
+        props: mergeProps({ "aria-label": "On this page", className: cn("flex flex-col gap-2", className) }, props),
+        render,
+        state: { slot: "toc" },
+    });
+}
+function TocTitle({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("font-mono text-xs font-medium text-muted-foreground uppercase", className) }, props),
+        render,
+        state: { slot: "toc-title" },
+    });
+}
+function TocList({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "ul",
+        props: mergeProps({ className: cn("flex flex-col border-l border-border text-sm", className) }, props),
+        render,
+        state: { slot: "toc-list" },
+    });
+}
+function TocItem({ className, render, active = false, depth = 0, ...props }) {
+    const link = useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            "aria-current": active ? "location" : undefined,
+            className: cn("relative block py-1 pr-2 text-muted-foreground transition-colors hover:text-foreground after:pointer-events-none after:absolute after:inset-y-0 after:-left-[1.5px] after:w-0.5 after:bg-primary-text after:opacity-0", focusRing, { 0: "pl-3", 1: "pl-6", 2: "pl-9" }[depth], "aria-[current=location]:after:opacity-100 aria-[current=location]:font-medium aria-[current=location]:text-foreground", className),
+        }, props),
+        render,
+        state: { slot: "toc-item" },
+    });
+    return _jsx("li", { "data-slot": "toc-list-item", children: link });
+}
+/**
+ * Scroll-spy: the id of the section currently being read (the last one whose top passed the header),
+ * for TocItem `active`. SSR-safe; returns the first id until mounted.
+ */
+function useTocActive(ids, { offset = 96 } = {}) {
+    const [active, setActive] = React.useState(ids[0]);
+    const key = ids.join("|");
+    React.useEffect(() => {
+        const elements = key
+            .split("|")
+            .map((id) => document.getElementById(id))
+            .filter((el) => !!el);
+        if (!elements.length) {
+            return;
+        }
+        let frame = 0;
+        const update = () => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => {
+                const atBottom = window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 2;
+                const passed = elements.filter((el) => el.getBoundingClientRect().top <= offset);
+                const current = atBottom ? elements[elements.length - 1] : (passed[passed.length - 1] ?? elements[0]);
+                setActive(current?.id);
+            });
+        };
+        update();
+        window.addEventListener("scroll", update, { passive: true });
+        window.addEventListener("resize", update);
+        return () => {
+            cancelAnimationFrame(frame);
+            window.removeEventListener("scroll", update);
+            window.removeEventListener("resize", update);
+        };
+    }, [key, offset]);
+    return active;
+}
+export { Toc, TocItem, TocList, TocTitle, useTocActive };
+//# sourceMappingURL=toc.js.map

package/dist/components/toc.js.map

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

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

@@ -0,0 +1,19 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { toggleVariants } from "@repraze/kernelkit/components/toggle";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+};
+type ToggleGroupProps = ToggleGroupPrimitive.Props & ToggleGroupContextValue;
+/**
+ * `spacing={0}` joins the items into one segmented control: outer corners follow the group radius,
+ * outline items overlap their borders so the pressed item's border stays whole.
+ */
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupProps): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+export type { ToggleGroupProps };
+//# sourceMappingURL=toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC3C,CAAC;AASF,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,KAAK,GAAG,uBAAuB,CAAC;AAE7E;;;GAGG;AACH,iBAAS,WAAW,CAAC,EACjB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,WAA0B,EAC1B,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,gBAAgB,qBAqBlB;AAED,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,qBA2B7D;AAED,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC;AACtC,YAAY,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/components/toggle-group.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { toggleVariants } from "@repraze/kernelkit/components/toggle";
+import {} from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+const ToggleGroupContext = React.createContext({
+    size: "default",
+    variant: "default",
+    spacing: 2,
+    orientation: "horizontal",
+});
+/**
+ * `spacing={0}` joins the items into one segmented control: outer corners follow the group radius,
+ * outline items overlap their borders so the pressed item's border stays whole.
+ */
+function ToggleGroup({ className, variant, size, spacing = 2, orientation = "horizontal", children, ...props }) {
+    return (_jsx(ToggleGroupPrimitive, { "data-slot": "toggle-group", "data-variant": variant ?? "default", "data-size": size ?? "default", "data-spacing": spacing, "data-orientation": orientation, orientation: orientation, style: { "--gap": spacing }, className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-md data-[size=xs]:rounded-md data-vertical:flex-col data-vertical:items-stretch", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    const itemVariant = context.variant || variant;
+    const itemSize = context.size || size;
+    return (_jsx(TogglePrimitive, { "data-slot": "toggle-group-item", "data-variant": itemVariant, "data-size": itemSize, "data-spacing": context.spacing, className: cn(toggleVariants({ variant: itemVariant, size: itemSize }), "focus-visible:z-10", 
+        // joined: square inner corners, group-radius outer corners
+        "data-[spacing=0]:rounded-none", "group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-[inherit] group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-[inherit]", "group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-[inherit] group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-[inherit]", 
+        // joined outline: overlap borders instead of dropping one, so a pressed border is never cut
+        "data-[variant=outline]:data-pressed:z-[5] group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:not-first:-ml-px group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:not-first:-mt-px", className), ...props, children: children }));
+}
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B;IACpE,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,YAAY;CAC5B,CAAC,CAAC;AAIH;;;GAGG;AACH,SAAS,WAAW,CAAC,EACjB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,WAAW,GAAG,YAAY,EAC1B,QAAQ,EACR,GAAG,KAAK,EACO;IACf,OAAO,CACH,KAAC,oBAAoB,iBACP,cAAc,kBACV,OAAO,IAAI,SAAS,eACvB,IAAI,IAAI,SAAS,kBACd,OAAO,sBACH,WAAW,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAwB,EAChD,SAAS,EAAE,EAAE,CACT,mMAAmM,EACnM,SAAS,CACZ,KACG,KAAK,YAET,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAC,YACpE,QAAQ,GACiB,GACX,CAC1B,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;IAEtC,OAAO,CACH,KAAC,eAAe,iBACF,mBAAmB,kBACf,WAAW,eACd,QAAQ,kBACL,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,EAAE,CACT,cAAc,CAAC,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC,EACtD,oBAAoB;QACpB,2DAA2D;QAC3D,+BAA+B,EAC/B,4JAA4J,EAC5J,wJAAwJ;QACxJ,4FAA4F;QAC5F,iOAAiO,EACjO,SAAS,CACZ,KACG,KAAK,YAER,QAAQ,GACK,CACrB,CAAC;AACN,CAAC;AAED,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/toggle.d.ts

@@ -0,0 +1,15 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Padding is chosen so an icon-only toggle is square at its height (§4); text-only toggles (no svg)
+ * get the regular control padding back.
+ */
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ToggleProps = TogglePrimitive.Props & VariantProps<typeof toggleVariants>;
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): import("react").JSX.Element;
+export { Toggle, toggleVariants };
+export type { ToggleProps };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.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;;;8EA8BnB,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE/E,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,OAAmB,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,WAAW,+BAUxF;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC;AAChC,YAAY,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/toggle.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { focusRing, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/**
+ * Padding is chosen so an icon-only toggle is square at its height (§4); text-only toggles (no svg)
+ * get the regular control padding back.
+ */
+const toggleVariants = cva([
+    "group/toggle inline-flex shrink-0 items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap select-none",
+    "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none",
+    "hover:bg-hover hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+    focusRing,
+    invalidRing,
+    // on: accent tint fill + accent text (§6: a fill, never shade alone)
+    "data-pressed:bg-accent data-pressed:text-accent-foreground data-pressed:hover:bg-[color-mix(in_oklch,var(--accent),var(--foreground)_8%)]",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+], {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-input bg-transparent data-pressed:border-primary-text",
+        },
+        size: {
+            xs: "h-6 min-w-6 gap-1 rounded-md px-1 text-xs not-has-[svg]:px-2 has-data-[icon=inline-end]:pl-2 has-data-[icon=inline-start]:pr-2 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-7 min-w-7 gap-1 rounded-md px-1.5 text-[0.8rem] not-has-[svg]:px-2.5 has-data-[icon=inline-end]:pl-2.5 has-data-[icon=inline-start]:pr-2.5 [&_svg:not([class*='size-'])]:size-3.5",
+            default: "h-8 min-w-8 px-2 not-has-[svg]:px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-end]:pl-2.5 has-data-[icon=inline-start]:pr-2.5 has-data-[icon=inline-start]:pl-2",
+            lg: "h-9 min-w-9 gap-2 px-2.5 not-has-[svg]:px-3 has-data-[icon=inline-end]:pl-3 has-data-[icon=inline-start]:pr-3",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx(TogglePrimitive, { "data-slot": "toggle", "data-variant": variant, "data-size": size, className: cn(toggleVariants({ variant, size }), className), ...props }));
+}
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB;;;GAGG;AACH,MAAM,cAAc,GAAG,GAAG,CACtB;IACI,8JAA8J;IAC9J,wGAAwG;IACxG,uFAAuF;IACvF,SAAS;IACT,WAAW;IACX,qEAAqE;IACrE,2IAA2I;IAC3I,mFAAmF;CACtF,EACD;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,8DAA8D;SAC1E;QACD,IAAI,EAAE;YACF,EAAE,EAAE,qKAAqK;YACzK,EAAE,EAAE,qLAAqL;YACzL,OAAO,EACH,+KAA+K;YACnL,EAAE,EAAE,+GAA+G;SACtH;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAClB;CACJ,CACJ,CAAC;AAIF,SAAS,MAAM,CAAC,EAAC,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAc;IACrF,OAAO,CACH,KAAC,eAAe,iBACF,QAAQ,kBACJ,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KACrD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/toolbar.d.ts

@@ -0,0 +1,14 @@
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+/**
+ * A bordered bar of controls with roving arrow-key focus (Base UI Toolbar). Items are ghost `icon-sm`
+ * buttons by default; pass `render={<Button …/>}` (or a Toggle, a Select trigger, a Menu trigger) to change one.
+ */
+declare function Toolbar({ className, orientation, ...props }: ToolbarPrimitive.Root.Props): import("react").JSX.Element;
+declare function ToolbarButton({ className, render, ...props }: ToolbarPrimitive.Button.Props): import("react").JSX.Element;
+declare function ToolbarLink({ className, ...props }: ToolbarPrimitive.Link.Props): import("react").JSX.Element;
+/** Compact text field that fits the toolbar row (`h-7`). */
+declare function ToolbarInput({ className, ...props }: ToolbarPrimitive.Input.Props): import("react").JSX.Element;
+declare function ToolbarGroup({ className, ...props }: ToolbarPrimitive.Group.Props): import("react").JSX.Element;
+declare function ToolbarSeparator({ className, ...props }: ToolbarPrimitive.Separator.Props): import("react").JSX.Element;
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/components/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAKnE;;;GAGG;AACH,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,+BAY9F;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,+BAelF;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,+BAYtE;AAED,4DAA4D;AAC5D,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,+BAaxE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,+BAQxE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,+BAYhF;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/toolbar.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+import { buttonVariants } from "@repraze/kernelkit/components/button";
+import { fieldSurface, focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+/**
+ * A bordered bar of controls with roving arrow-key focus (Base UI Toolbar). Items are ghost `icon-sm`
+ * buttons by default; pass `render={<Button …/>}` (or a Toggle, a Select trigger, a Menu trigger) to change one.
+ */
+function Toolbar({ className, orientation = "horizontal", ...props }) {
+    return (_jsx(ToolbarPrimitive.Root, { "data-slot": "toolbar", orientation: orientation, className: cn("flex w-fit items-center gap-px rounded-lg border border-border bg-background p-px data-vertical:flex-col", className), ...props }));
+}
+function ToolbarButton({ className, render, ...props }) {
+    return (_jsx(ToolbarPrimitive.Button, { "data-slot": "toolbar-button", 
+        // With a custom `render` (a kernelkit Button, Toggle…) that element brings its own look.
+        className: cn(render === undefined && buttonVariants({ variant: "ghost", size: "icon-sm" }), 
+        // Disabled items stay focusable (aria-disabled, not `disabled`): dim them from the data attr.
+        "data-disabled:pointer-events-none data-disabled:opacity-50", className), render: render, ...props }));
+}
+function ToolbarLink({ className, ...props }) {
+    return (_jsx(ToolbarPrimitive.Link, { "data-slot": "toolbar-link", className: cn("inline-flex h-7 items-center gap-1 rounded-md px-2 text-[0.8rem] text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", focusRing, className), ...props }));
+}
+/** Compact text field that fits the toolbar row (`h-7`). */
+function ToolbarInput({ className, ...props }) {
+    return (_jsx(ToolbarPrimitive.Input, { "data-slot": "toolbar-input", className: cn(fieldSurface, focusRing, "h-7 w-40 min-w-0 rounded-md px-2 text-base md:text-[0.8rem]", className), ...props }));
+}
+function ToolbarGroup({ className, ...props }) {
+    return (_jsx(ToolbarPrimitive.Group, { "data-slot": "toolbar-group", className: cn("flex items-center gap-px data-vertical:flex-col", className), ...props }));
+}
+function ToolbarSeparator({ className, ...props }) {
+    return (_jsx(ToolbarPrimitive.Separator, { "data-slot": "toolbar-separator", className: cn(
+        // Perpendicular to the toolbar: a horizontal toolbar gets data-orientation="vertical" separators.
+        "shrink-0 bg-border data-vertical:mx-1 data-vertical:h-4 data-vertical:w-px data-horizontal:my-1 data-horizontal:h-px data-horizontal:w-4", className), ...props }));
+}
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/components/toolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB;;;GAGG;AACH,SAAS,OAAO,CAAC,EAAC,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,KAAK,EAA8B;IAC3F,OAAO,CACH,KAAC,gBAAgB,CAAC,IAAI,iBACR,SAAS,EACnB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACT,0GAA0G,EAC1G,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgC;IAC/E,OAAO,CACH,KAAC,gBAAgB,CAAC,MAAM,iBACV,gBAAgB;QAC1B,yFAAyF;QACzF,SAAS,EAAE,EAAE,CACT,MAAM,KAAK,SAAS,IAAI,cAAc,CAAC,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC;QAC3E,8FAA8F;QAC9F,4DAA4D,EAC5D,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,KACV,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACH,KAAC,gBAAgB,CAAC,IAAI,iBACR,cAAc,EACxB,SAAS,EAAE,EAAE,CACT,uPAAuP,EACvP,SAAS,EACT,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,4DAA4D;AAC5D,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,CACH,KAAC,gBAAgB,CAAC,KAAK,iBACT,eAAe,EACzB,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,SAAS,EACT,6DAA6D,EAC7D,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,CACH,KAAC,gBAAgB,CAAC,KAAK,iBACT,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,KACvE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAmC;IAC7E,OAAO,CACH,KAAC,gBAAgB,CAAC,SAAS,iBACb,mBAAmB,EAC7B,SAAS,EAAE,EAAE;QACT,kGAAkG;QAClG,0IAA0I,EAC1I,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAKnE,iBAAS,eAAe,CAAC,EAAC,KAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,+BAE9E;AAED,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,+BAEvD;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,+BAEjE;AAED,iBAAS,cAAc,CAAC,EACpB,SAAS,EACT,IAAY,EACZ,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC3B,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,+BA0B3F;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/tooltip.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { popupMotion } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cn } from "cn";
+function TooltipProvider({ delay = 0, ...props }) {
+    return _jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay: delay, ...props });
+}
+function Tooltip({ ...props }) {
+    return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, side = "top", sideOffset = 6, align = "center", alignOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { container: usePortalContainer(), children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn(
+                // Inverted chip: max contrast against any surface, so it reads in high contrast too.
+                popupMotion, "z-50 inline-flex min-h-6 w-fit max-w-xs items-center gap-1.5 rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-md shadow-(color:--shadow-color) has-data-[slot=kbd]:pr-1 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:h-4 **:data-[slot=kbd]:min-w-4 **:data-[slot=kbd]:rounded-xs", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
+}
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,SAAS,eAAe,CAAC,EAAC,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkC;IAC3E,OAAO,KAAC,gBAAgB,CAAC,QAAQ,iBAAW,kBAAkB,EAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;AAC/F,CAAC;AAED,SAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAA8B;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAiC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,GAAG,KAAK,EAEgF;IACxF,OAAO,CACH,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,YACpD,KAAC,gBAAgB,CAAC,UAAU,IACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,cAAc,YAExB,MAAC,gBAAgB,CAAC,KAAK,iBACT,iBAAiB,EAC3B,SAAS,EAAE,EAAE;gBACT,qFAAqF;gBACrF,WAAW,EACX,yVAAyV,EACzV,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,uhBAAuhB,GAAG,IACviB,GACC,GACR,CAC7B,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAC,CAAC"}