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

package/dist/components/message-scroller.js

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

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

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

package/dist/components/message.d.ts

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

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

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

package/dist/components/message.js

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

package/dist/components/message.js.map

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

package/dist/components/meter.d.ts

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

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

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

package/dist/components/meter.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Meter as MeterPrimitive } from "@base-ui/react/meter";
+import { progressIndicatorClass, progressTrackClass, progressVariants, } from "@repraze/kernelkit/components/progress";
+import { cn } from "cn";
+/** A static measurement within a known range (disk usage, quota, battery). For task completion use Progress. */
+function Meter({ className, children, color, size, ...props }) {
+    const resolvedColor = color ?? "primary";
+    const resolvedSize = size ?? "default";
+    return (_jsxs(MeterPrimitive.Root, { "data-slot": "meter", "data-color": resolvedColor, "data-size": resolvedSize, className: cn(progressVariants({ color: resolvedColor, size: resolvedSize }), className), ...props, children: [children, _jsx(MeterTrack, { children: _jsx(MeterIndicator, {}) })] }));
+}
+function MeterTrack({ className, ...props }) {
+    return _jsx(MeterPrimitive.Track, { "data-slot": "meter-track", className: cn(progressTrackClass, className), ...props });
+}
+function MeterIndicator({ className, ...props }) {
+    return (_jsx(MeterPrimitive.Indicator, { "data-slot": "meter-indicator", className: cn(progressIndicatorClass, className), ...props }));
+}
+function MeterLabel({ className, ...props }) {
+    return _jsx(MeterPrimitive.Label, { "data-slot": "meter-label", className: cn("text-sm font-medium", className), ...props });
+}
+function MeterValue({ className, ...props }) {
+    return (_jsx(MeterPrimitive.Value, { "data-slot": "meter-value", className: cn("ms-auto font-mono text-xs text-muted-foreground tabular-nums", className), ...props }));
+}
+export { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };
+//# sourceMappingURL=meter.js.map

package/dist/components/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","sourceRoot":"","sources":["../../src/components/meter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EACH,sBAAsB,EAEtB,kBAAkB,EAClB,gBAAgB,GACnB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAStB,gHAAgH;AAChH,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAa;IACnE,MAAM,aAAa,GAAG,KAAK,IAAI,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,IAAI,IAAI,SAAS,CAAC;IACvC,OAAO,CACH,MAAC,cAAc,CAAC,IAAI,iBACN,OAAO,gBACL,aAAa,eACd,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,KAClF,KAAK,aAER,QAAQ,EACT,KAAC,UAAU,cACP,KAAC,cAAc,KAAG,GACT,IACK,CACzB,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACjE,OAAO,KAAC,cAAc,CAAC,KAAK,iBAAW,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrH,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACH,KAAC,cAAc,CAAC,SAAS,iBACX,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAC5C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACjE,OAAO,KAAC,cAAc,CAAC,KAAK,iBAAW,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACxH,CAAC;AAED,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACjE,OAAO,CACH,KAAC,cAAc,CAAC,KAAK,iBACP,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,KACpF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/native-select.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+declare const nativeSelectVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
+    size?: "sm" | "default" | "lg";
+};
+/** A styled `<select>`: the platform picker, for long lists on mobile or forms without JS. */
+declare function NativeSelect({ className, size, ...props }: NativeSelectProps): React.JSX.Element;
+declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): React.JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): React.JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, nativeSelectVariants };
+export type { NativeSelectProps };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/components/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../src/components/native-select.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,oBAAoB;;8EAiBzB,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,8FAA8F;AAC9F,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,qBAoB/E;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAQhF;AAED,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAQpF;AAED,OAAO,EAAC,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAC,CAAC;AACtF,YAAY,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/components/native-select.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fieldSurface, focusRing, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+import * as React from "react";
+const nativeSelectVariants = cva([
+    fieldSurface,
+    focusRing,
+    invalidRing,
+    "w-full min-w-0 appearance-none py-0 pr-8 pl-2.5 text-sm outline-none select-none hover:bg-field-hover disabled:pointer-events-none",
+], {
+    variants: {
+        size: {
+            sm: "h-7 rounded-md pr-7 text-[0.8rem]",
+            default: "h-8",
+            lg: "h-9 pl-3 pr-9",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+/** A styled `<select>`: the platform picker, for long lists on mobile or forms without JS. */
+function NativeSelect({ className, size = "default", ...props }) {
+    return (_jsxs("div", { className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className), "data-slot": "native-select-wrapper", "data-size": size, children: [_jsx("select", { "data-slot": "native-select", "data-size": size, className: cn(nativeSelectVariants({ size }), "disabled:opacity-100"), ...props }), _jsx(ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-2 size-4 -translate-y-1/2 text-muted-foreground select-none group-data-[size=lg]/native-select:right-2.5 group-data-[size=sm]/native-select:right-1.5 group-data-[size=sm]/native-select:size-3.5", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
+}
+function NativeSelectOption({ className, ...props }) {
+    return (_jsx("option", { "data-slot": "native-select-option", className: cn("bg-popover text-popover-foreground", className), ...props }));
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn("bg-popover text-popover-foreground", className), ...props }));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, nativeSelectVariants };
+//# sourceMappingURL=native-select.js.map

package/dist/components/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","sourceRoot":"","sources":["../../src/components/native-select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,oBAAoB,GAAG,GAAG,CAC5B;IACI,YAAY;IACZ,SAAS;IACT,WAAW;IACX,oIAAoI;CACvI,EACD;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,mCAAmC;YACvC,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,eAAe;SACtB;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAMF,8FAA8F;AAC9F,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5E,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CAAC,qEAAqE,EAAE,SAAS,CAAC,eACrF,uBAAuB,eACtB,IAAI,aAEf,8BACc,eAAe,eACd,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,sBAAsB,CAAC,KAC/D,KAAK,GACX,EACF,KAAC,eAAe,IACZ,SAAS,EAAC,8OAA8O,iBAC5O,MAAM,eACR,oBAAoB,GAChC,IACA,CACT,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAiC;IAC7E,OAAO,CACH,8BACc,sBAAsB,EAChC,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAmC;IACjF,OAAO,CACH,gCACc,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAC,CAAC"}

package/dist/components/navbar.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from "@base-ui/react/use-render";
+/** Sticky top bar: translucent background over a blur, one bottom line. */
+declare function Navbar({ className, render, ...props }: useRender.ComponentProps<"header">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** The bar's row: `h-14`, horizontal padding, items centered. Constrain its width here (`max-w-*`). */
+declare function NavbarContent({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** A cluster of items (brand, links, actions). Push one to the end with `ml-auto`. */
+declare function NavbarSection({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Holds the primary links or a `NavigationMenu`. Defaults to a `<nav>`. */
+declare function NavbarMenu({ className, render, ...props }: useRender.ComponentProps<"nav">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Navbar, NavbarContent, NavbarMenu, NavbarSection };
+//# sourceMappingURL=navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/components/navbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,2EAA2E;AAC3E,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,8FAehF;AAED,uGAAuG;AACvG,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAOpF;AAED,sFAAsF;AACtF,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAOpF;AAED,4EAA4E;AAC5E,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAOjF;AAED,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/navbar.js

@@ -0,0 +1,44 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+/** Sticky top bar: translucent background over a blur, one bottom line. */
+function Navbar({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "header",
+        props: mergeProps({
+            className: cn("sticky top-0 z-40 w-full border-b border-border bg-background/85 text-foreground supports-backdrop-filter:backdrop-blur-md", className),
+        }, props),
+        render,
+        state: { slot: "navbar" },
+    });
+}
+/** The bar's row: `h-14`, horizontal padding, items centered. Constrain its width here (`max-w-*`). */
+function NavbarContent({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex h-14 items-center gap-2 px-4", className) }, props),
+        render,
+        state: { slot: "navbar-content" },
+    });
+}
+/** A cluster of items (brand, links, actions). Push one to the end with `ml-auto`. */
+function NavbarSection({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex items-center gap-2", className) }, props),
+        render,
+        state: { slot: "navbar-section" },
+    });
+}
+/** Holds the primary links or a `NavigationMenu`. Defaults to a `<nav>`. */
+function NavbarMenu({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "nav",
+        props: mergeProps({ className: cn("flex items-center gap-1", className) }, props),
+        render,
+        state: { slot: "navbar-menu" },
+    });
+}
+export { Navbar, NavbarContent, NavbarMenu, NavbarSection };
+//# sourceMappingURL=navbar.js.map

package/dist/components/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../src/components/navbar.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,2EAA2E;AAC3E,SAAS,MAAM,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAqC;IAC7E,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CACb;YACI,SAAS,EAAE,EAAE,CACT,4HAA4H,EAC5H,SAAS,CACZ;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;KAC1B,CAAC,CAAC;AACP,CAAC;AAED,uGAAuG;AACvG,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACjF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QAChG,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,gBAAgB,EAAC;KAClC,CAAC,CAAC;AACP,CAAC;AAED,sFAAsF;AACtF,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACjF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QACtF,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,gBAAgB,EAAC;KAClC,CAAC,CAAC;AACP,CAAC;AAED,4EAA4E;AAC5E,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IAC9E,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QACtF,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,aAAa,EAAC;KAC/B,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,23 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+declare function NavigationMenu({ align, className, children, viewport: _viewport, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align"> & {
+    /** Accepted for shadcn compatibility; the popup always uses the shared viewport. */
+    viewport?: boolean;
+}): import("react").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react").JSX.Element;
+/**
+ * Top-level trigger and link look: a ghost control at the default height (GUIDELINES §4). Open keeps the
+ * hover wash; the current page (`data-active`) gets the accent tint + medium weight.
+ */
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react").JSX.Element;
+declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react").JSX.Element;
+/**
+ * A link. At the top level it looks like a trigger; inside `NavigationMenuContent` it is a list row
+ * (`rounded-md`, keyboard highlight instead of a ring). `active` marks the current page.
+ */
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,IAAI,uBAAuB,EAAC,MAAM,gCAAgC,CAAC;AAOzF,iBAAS,cAAc,CAAC,EACpB,KAAe,EACf,SAAS,EACT,QAAQ,EAER,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACX,EAAE,uBAAuB,CAAC,IAAI,CAAC,KAAK,GACjC,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IACtD,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,+BAcJ;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,+BAQlH;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,+BAQlH;AAED;;;GAGG;AACH,QAAA,MAAM,0BAA0B,oFAM9B,CAAC;AAEH,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,KAAK,+BAkBpG;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,KAAK,+BAY1F;AAED,iBAAS,wBAAwB,CAAC,EAC9B,SAAS,EACT,IAAe,EACf,UAAc,EACd,KAAe,EACf,WAAe,EACf,GAAG,KAAK,EACX,EAAE,uBAAuB,CAAC,UAAU,CAAC,KAAK,+BA8B1C;AAED;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,uBAAuB,CAAC,IAAI,CAAC,KAAK,+BAiBpF;AAED,iBAAS,uBAAuB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,+BAalE;AAED,OAAO,EACH,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,GAC7B,CAAC"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+import { focusRing, popupSurface } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+function NavigationMenu({ align = "start", className, children, 
+// Radix-era shadcn prop: Base UI always renders the shared viewport. Accepted for drop-in use.
+viewport: _viewport, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, _jsx(NavigationMenuPositioner, { align: align })] }));
+}
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
+}
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
+}
+/**
+ * Top-level trigger and link look: a ghost control at the default height (GUIDELINES §4). Open keeps the
+ * hover wash; the current page (`data-active`) gets the accent tint + medium weight.
+ */
+const navigationMenuTriggerStyle = cva([
+    "group/navigation-menu-trigger inline-flex h-8 w-max items-center justify-center gap-1.5 rounded-lg px-2.5 text-sm font-medium text-foreground",
+    "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none",
+    focusRing,
+    "hover:bg-hover data-popup-open:bg-hover disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+]);
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "pr-2", className), ...props, children: [children, _jsx(NavigationMenuPrimitive.Icon, { render: _jsx(ChevronDownIcon, { className: "size-3.5 text-muted-foreground transition-transform duration-200 group-data-popup-open/navigation-menu-trigger:rotate-180 motion-reduce:transition-none", "aria-hidden": "true" }) })] }));
+}
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none", "data-ending-style:data-[activation-direction=left]:translate-x-[50%] data-ending-style:data-[activation-direction=right]:translate-x-[-50%] data-starting-style:data-[activation-direction=left]:translate-x-[-50%] data-starting-style:data-[activation-direction=right]:translate-x-[50%]", className), ...props }));
+}
+function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Portal, { container: usePortalContainer(), children: _jsx(NavigationMenuPrimitive.Positioner, { "data-slot": "navigation-menu-positioner", side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, className: cn("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none motion-reduce:transition-none data-[side=bottom]:before:absolute data-[side=bottom]:before:inset-x-0 data-[side=bottom]:before:-top-2.5 data-[side=bottom]:before:h-2.5", className), ...props, children: _jsx(NavigationMenuPrimitive.Popup, { "data-slot": "navigation-menu-popup", className: cn(popupSurface, "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: "relative size-full overflow-hidden rounded-[inherit]" }) }) }) }));
+}
+/**
+ * A link. At the top level it looks like a trigger; inside `NavigationMenuContent` it is a list row
+ * (`rounded-md`, keyboard highlight instead of a ring). `active` marks the current page.
+ */
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm text-foreground outline-none select-none", "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none", "hover:bg-hover focus-visible:ring-3 focus-visible:ring-ring/50", "data-active:bg-accent data-active:font-medium data-active:text-accent-foreground", "in-data-[slot=navigation-menu-list]:h-8 in-data-[slot=navigation-menu-list]:font-medium", "in-data-[slot=navigation-menu-content]:rounded-md in-data-[slot=navigation-menu-content]:px-2 in-data-[slot=navigation-menu-content]:focus-visible:bg-accent in-data-[slot=navigation-menu-content]:focus-visible:text-accent-foreground in-data-[slot=navigation-menu-content]:focus-visible:ring-0", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Icon, { "data-slot": "navigation-menu-indicator", className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className), ...props, children: _jsx("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
+}
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,cAAc,IAAI,uBAAuB,EAAC,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,SAAS,cAAc,CAAC,EACpB,KAAK,GAAG,OAAO,EACf,SAAS,EACT,QAAQ;AACR,+FAA+F;AAC/F,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EAKP;IACD,OAAO,CACH,MAAC,uBAAuB,CAAC,IAAI,iBACf,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,kFAAkF,EAClF,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACT,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,GAAI,IACf,CAClC,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAmE;IAC/G,OAAO,CACH,KAAC,uBAAuB,CAAC,IAAI,iBACf,sBAAsB,EAChC,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KACrF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAmE;IAC/G,OAAO,CACH,KAAC,uBAAuB,CAAC,IAAI,iBACf,sBAAsB,EAChC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,MAAM,0BAA0B,GAAG,GAAG,CAAC;IACnC,+IAA+I;IAC/I,wGAAwG;IACxG,SAAS;IACT,0FAA0F;IAC1F,mFAAmF;CACtF,CAAC,CAAC;AAEH,SAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwC;IACjG,OAAO,CACH,MAAC,uBAAuB,CAAC,OAAO,iBAClB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,KAC1D,KAAK,aAER,QAAQ,EACT,KAAC,uBAAuB,CAAC,IAAI,IACzB,MAAM,EACF,KAAC,eAAe,IACZ,SAAS,EAAC,yJAAyJ,iBACvJ,MAAM,GACpB,GAER,IAC4B,CACrC,CAAC;AACN,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAwC;IACvF,OAAO,CACH,KAAC,uBAAuB,CAAC,OAAO,iBAClB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CACT,wMAAwM,EACxM,6RAA6R,EAC7R,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,wBAAwB,CAAC,EAC9B,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,CAAC,EACf,GAAG,KAAK,EAC+B;IACvC,OAAO,CACH,KAAC,uBAAuB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,YAC3D,KAAC,uBAAuB,CAAC,UAAU,iBACrB,4BAA4B,EACtC,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACT,mXAAmX,EACnX,SAAS,CACZ,KACG,KAAK,YAET,KAAC,uBAAuB,CAAC,KAAK,iBAChB,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,uXAAuX,CAC1X,YAED,KAAC,uBAAuB,CAAC,QAAQ,iBACnB,0BAA0B,EACpC,SAAS,EAAC,sDAAsD,GAClE,GAC0B,GACC,GACR,CACpC,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAqC;IACjF,OAAO,CACH,KAAC,uBAAuB,CAAC,IAAI,iBACf,sBAAsB,EAChC,SAAS,EAAE,EAAE,CACT,mGAAmG,EACnG,wGAAwG,EACxG,gEAAgE,EAChE,kFAAkF,EAClF,yFAAyF,EACzF,sSAAsS,EACtS,uIAAuI,EACvI,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,uBAAuB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACuD;IAC/D,OAAO,CACH,KAAC,uBAAuB,CAAC,IAAI,iBACf,2BAA2B,EACrC,SAAS,EAAE,EAAE,CACT,4LAA4L,EAC5L,SAAS,CACZ,KACG,KAAK,YAET,cAAK,SAAS,EAAC,uEAAuE,GAAG,GAC9D,CAClC,CAAC;AACN,CAAC;AAED,OAAO,EACH,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,GAC7B,CAAC"}

package/dist/components/number-field.d.ts

@@ -0,0 +1,16 @@
+import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
+import { type VariantProps } from "class-variance-authority";
+declare function NumberField({ className, ...props }: NumberFieldPrimitive.Root.Props): import("react").JSX.Element;
+/** The field look: one bordered surface holding the input and both steppers (§4, §6). */
+declare const numberFieldGroupVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function NumberFieldGroup({ className, size, ...props }: NumberFieldPrimitive.Group.Props & VariantProps<typeof numberFieldGroupVariants>): import("react").JSX.Element;
+declare function NumberFieldInput({ className, ...props }: NumberFieldPrimitive.Input.Props): import("react").JSX.Element;
+declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldPrimitive.Decrement.Props): import("react").JSX.Element;
+declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldPrimitive.Increment.Props): import("react").JSX.Element;
+/** Drag horizontally over its children (usually the label) to change the value. */
+declare function NumberFieldScrubArea({ className, children, ...props }: NumberFieldPrimitive.ScrubArea.Props): import("react").JSX.Element;
+declare function NumberFieldScrubAreaCursor({ className, children, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props): import("react").JSX.Element;
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, numberFieldGroupVariants, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, };
+//# sourceMappingURL=number-field.d.ts.map

package/dist/components/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../src/components/number-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAEhF,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,+BAQ1E;AAED,yFAAyF;AACzF,QAAA,MAAM,wBAAwB;;8EAkB7B,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,+BASlF;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,+BAYhF;AAKD,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,+BAWlG;AAED,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,+BAWlG;AAED,mFAAmF;AACnF,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,+BAWlG;AAED,iBAAS,0BAA0B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,+BAU9G;AAED,OAAO,EACH,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,GAC7B,CAAC"}

package/dist/components/number-field.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
+import { fieldSurface } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { MinusIcon, MoveHorizontalIcon, PlusIcon } from "lucide-react";
+function NumberField({ className, ...props }) {
+    return (_jsx(NumberFieldPrimitive.Root, { "data-slot": "number-field", className: cn("group/number-field flex w-full flex-col gap-2", className), ...props }));
+}
+/** The field look: one bordered surface holding the input and both steppers (§4, §6). */
+const numberFieldGroupVariants = cva([
+    fieldSurface,
+    "group/number-field-group relative flex w-full min-w-0 items-center",
+    "has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50",
+    "data-invalid:border-danger data-invalid:ring-3 data-invalid:ring-danger/20 has-aria-invalid:border-danger has-aria-invalid:ring-3 has-aria-invalid:ring-danger/20 dark:data-invalid:ring-danger/40 dark:has-aria-invalid:ring-danger/40",
+    "data-disabled:cursor-not-allowed data-disabled:bg-field-disabled data-disabled:opacity-50",
+], {
+    variants: {
+        size: {
+            sm: "h-7 gap-0.5 rounded-md pr-0.5",
+            default: "h-8 gap-0.5 pr-1",
+            lg: "h-9 gap-1 pr-1",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function NumberFieldGroup({ className, size = "default", ...props }) {
+    return (_jsx(NumberFieldPrimitive.Group, { "data-slot": "number-field-group", "data-size": size, className: cn(numberFieldGroupVariants({ size }), className), ...props }));
+}
+function NumberFieldInput({ className, ...props }) {
+    return (_jsx(NumberFieldPrimitive.Input, { "data-slot": "number-field-input", className: cn("h-full w-full min-w-0 flex-1 bg-transparent px-2.5 text-base tabular-nums outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm", "group-data-[size=sm]/number-field-group:md:text-[0.8rem] group-data-[size=lg]/number-field-group:px-3", className), ...props }));
+}
+const stepper = "flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition-[color,background-color] select-none hover:bg-hover hover:text-foreground active:bg-hover disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 group-data-disabled/number-field-group:opacity-100 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-3.5 size-6 group-data-[size=sm]/number-field-group:size-5 group-data-[size=sm]/number-field-group:rounded-sm group-data-[size=sm]/number-field-group:[&_svg:not([class*='size-'])]:size-3";
+function NumberFieldDecrement({ className, children, ...props }) {
+    return (_jsx(NumberFieldPrimitive.Decrement, { "data-slot": "number-field-decrement", "aria-label": "Decrease", className: cn(stepper, className), ...props, children: children ?? _jsx(MinusIcon, {}) }));
+}
+function NumberFieldIncrement({ className, children, ...props }) {
+    return (_jsx(NumberFieldPrimitive.Increment, { "data-slot": "number-field-increment", "aria-label": "Increase", className: cn(stepper, className), ...props, children: children ?? _jsx(PlusIcon, {}) }));
+}
+/** Drag horizontally over its children (usually the label) to change the value. */
+function NumberFieldScrubArea({ className, children, ...props }) {
+    return (_jsxs(NumberFieldPrimitive.ScrubArea, { "data-slot": "number-field-scrub-area", className: cn("flex w-fit cursor-ew-resize items-center gap-2 select-none *:cursor-ew-resize", className), ...props, children: [children, _jsx(NumberFieldScrubAreaCursor, {})] }));
+}
+function NumberFieldScrubAreaCursor({ className, children, ...props }) {
+    return (_jsx(NumberFieldPrimitive.ScrubAreaCursor, { "data-slot": "number-field-scrub-area-cursor", className: cn("text-foreground drop-shadow-sm", className), ...props, children: children ?? _jsx(MoveHorizontalIcon, { className: "size-5" }) }));
+}
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, numberFieldGroupVariants, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, };
+//# sourceMappingURL=number-field.js.map

package/dist/components/number-field.js.map

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

package/dist/components/page-header.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui/react/use-render";
+/**
+ * Top of a page: eyebrow (badges, breadcrumb), title, description, actions. Same scale on every site of
+ * the suite.
+ */
+declare function PageHeader({ className, render, ...props }: useRender.ComponentProps<"header">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/** Above the title: category badges, a breadcrumb, a status. */
+declare function PageHeaderEyebrow({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function PageHeaderTitle({ className, render, ...props }: useRender.ComponentProps<"h1">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function PageHeaderDescription({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function PageHeaderActions({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderEyebrow, PageHeaderTitle };
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,8FAOpF;AAED,gEAAgE;AAChE,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAOxF;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,8FAUrF;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,8FAU1F;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,8FAOxF;AAED,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/page-header.js

@@ -0,0 +1,51 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+/**
+ * Top of a page: eyebrow (badges, breadcrumb), title, description, actions. Same scale on every site of
+ * the suite.
+ */
+function PageHeader({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "header",
+        props: mergeProps({ className: cn("flex flex-col gap-3", className) }, props),
+        render,
+        state: { slot: "page-header" },
+    });
+}
+/** Above the title: category badges, a breadcrumb, a status. */
+function PageHeaderEyebrow({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex flex-wrap items-center gap-2", className) }, props),
+        render,
+        state: { slot: "page-header-eyebrow" },
+    });
+}
+function PageHeaderTitle({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "h1",
+        props: mergeProps({ className: cn("font-heading text-3xl font-semibold tracking-tight text-balance", className) }, props),
+        render,
+        state: { slot: "page-header-title" },
+    });
+}
+function PageHeaderDescription({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "p",
+        props: mergeProps({ className: cn("max-w-3xl text-base text-pretty text-muted-foreground md:text-lg", className) }, props),
+        render,
+        state: { slot: "page-header-description" },
+    });
+}
+function PageHeaderActions({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("flex flex-wrap items-center gap-2 pt-1", className) }, props),
+        render,
+        state: { slot: "page-header-actions" },
+    });
+}
+export { PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderEyebrow, PageHeaderTitle };
+//# sourceMappingURL=page-header.js.map

package/dist/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/components/page-header.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;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAqC;IACjF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAAW,EAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QACrF,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,aAAa,EAAC;KAC/B,CAAC,CAAC;AACP,CAAC;AAED,gEAAgE;AAChE,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACrF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QAChG,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,qBAAqB,EAAC;KACvC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAiC;IAClF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,UAAU,CACb,EAAC,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,EAAC,EAC7F,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,mBAAmB,EAAC;KACrC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgC;IACvF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb,EAAC,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,SAAS,CAAC,EAAC,EAC9F,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,yBAAyB,EAAC;KAC3C,CAAC,CAAC;AACP,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACrF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QACrG,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,qBAAqB,EAAC;KACvC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/pager.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from "@base-ui/react/use-render";
+import type * as React from "react";
+/** Previous / next page links at the end of a page. */
+declare function Pager({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+interface PagerLinkProps extends useRender.ComponentProps<"a"> {
+    direction: "previous" | "next";
+    /** Small caption above the title. Defaults to "Previous" / "Next". */
+    label?: React.ReactNode;
+}
+/** A pager card: caption + page title, arrow on the travel side. Pass router links with `render`. */
+declare function PagerLink({ className, render, direction, label, children, ...props }: PagerLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Pager, PagerLink };
+export type { PagerLinkProps };
+//# sourceMappingURL=pager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../src/components/pager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,uDAAuD;AACvD,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAa5E;AAED,UAAU,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC;IAC1D,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,qGAAqG;AACrG,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,0EAkC3F;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;AAC1B,YAAY,EAAC,cAAc,EAAC,CAAC"}