@stll/ui 0.26.2 → 0.26.4

package/dist/calendar/primitives.d.ts

@@ -1,10 +1,9 @@
 import * as React$1 from "react";
 //#region src/calendar/primitives.d.ts
-declare const CalendarGrid: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const CalendarHeaderRow: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const CalendarHeaderCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const CalendarCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const CalendarEntryButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
-declare const CalendarEntrySurface: ({ className, ...props }: React$1.ComponentProps<"article">) => React$1.JSX.Element;
-//#endregion
-export { CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow };
+export declare const CalendarGrid: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const CalendarHeaderRow: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const CalendarHeaderCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const CalendarCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const CalendarEntryButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
+export declare const CalendarEntrySurface: ({ className, ...props }: React$1.ComponentProps<"article">) => React$1.JSX.Element;
+//#endregion

package/dist/calendar/resource-calendar.d.ts

@@ -1,17 +1,17 @@
 import { ReactElement, ReactNode } from "react";
 //#region src/calendar/resource-calendar.d.ts
-type ResourceCalendarColumn = {
+export type ResourceCalendarColumn = {
   date: string;
   label: ReactNode;
   meta?: ReactNode;
 };
-type ResourceCalendarResource = {
+export type ResourceCalendarResource = {
   id: string;
   label: ReactNode;
   meta?: ReactNode;
 };
-type ResourceCalendarEntryTone = "accent" | "neutral" | "warning" | "destructive";
-type ResourceCalendarEntry = {
+export type ResourceCalendarEntryTone = "accent" | "neutral" | "warning" | "destructive";
+export type ResourceCalendarEntry = {
   accessibleLabel: string;
   endDateExclusive: string;
   id: string;
@@ -30,6 +30,5 @@ type ResourceCalendarProps = {
   resourceHeader: ReactNode;
   resources: readonly ResourceCalendarResource[];
 };
-declare const ResourceCalendar: ({ ariaLabel, columns, empty, entries, onSelectEntry, resourceHeader, resources }: ResourceCalendarProps) => ReactElement;
-//#endregion
-export { ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarResource };
+export declare const ResourceCalendar: ({ ariaLabel, columns, empty, entries, onSelectEntry, resourceHeader, resources }: ResourceCalendarProps) => ReactElement;
+//#endregion

package/dist/calendar/resource-calendar.logic.d.ts

@@ -1,28 +1,27 @@
 //#region src/calendar/resource-calendar.logic.d.ts
-type CalendarDateRange = {
+export type CalendarDateRange = {
   endDateExclusive: string;
   startDate: string;
 };
-type ResourceCalendarPlacement = {
+export type ResourceCalendarPlacement = {
   columnStart: number;
   span: number;
 };
-type ResourceCalendarLanePlacement = ResourceCalendarPlacement & {
+export type ResourceCalendarLanePlacement = ResourceCalendarPlacement & {
   entryId: string;
   rowStart: number;
 };
-type ResourceCalendarLaneLayout = {
+export type ResourceCalendarLaneLayout = {
   placements: ResourceCalendarLanePlacement[];
   rowCount: number;
 };
-declare const getResourceCalendarPlacement: ({ entry, visibleRange }: {
+export declare const getResourceCalendarPlacement: ({ entry, visibleRange }: {
   entry: CalendarDateRange;
   visibleRange: CalendarDateRange;
 }) => ResourceCalendarPlacement | null;
-declare const assertConsecutiveCalendarDates: (dates: readonly string[]) => void;
-declare const nextCalendarDate: (value: string) => string;
-declare const layoutResourceCalendarEntries: (entries: readonly (CalendarDateRange & {
+export declare const assertConsecutiveCalendarDates: (dates: readonly string[]) => void;
+export declare const nextCalendarDate: (value: string) => string;
+export declare const layoutResourceCalendarEntries: (entries: readonly (CalendarDateRange & {
   id: string;
 })[], visibleRange: CalendarDateRange) => ResourceCalendarLaneLayout;
-//#endregion
-export { CalendarDateRange, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, assertConsecutiveCalendarDates, getResourceCalendarPlacement, layoutResourceCalendarEntries, nextCalendarDate };
+//#endregion

package/dist/components/application-rail.d.ts

@@ -1,20 +1,19 @@
 import * as React$1 from "react";
 //#region src/components/application-rail.d.ts
-declare const APPLICATION_RAIL_WIDTH: "w-12";
-declare const APPLICATION_RAIL_BUTTON_SIZE: "size-11";
-declare const APPLICATION_RAIL_ICON_SIZE: "size-4";
+export declare const APPLICATION_RAIL_WIDTH: "w-12";
+export declare const APPLICATION_RAIL_BUTTON_SIZE: "size-11";
+export declare const APPLICATION_RAIL_ICON_SIZE: "size-4";
 /**
  * A compact application navigation rail. It preserves the same desktop width,
  * button rhythm, separators, and account affordance as a collapsed app
  * sidebar without bringing sidebar expansion or mobile-sheet state into hosts
  * that only need a fixed rail.
  */
-declare const ApplicationRail: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;
-declare const ApplicationRailHeader: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const ApplicationRailContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const ApplicationRailMenu: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const ApplicationRailButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
-declare const ApplicationRailSeparator: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-declare const ApplicationRailFooter: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-//#endregion
-export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator };
+export declare const ApplicationRail: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;
+export declare const ApplicationRailHeader: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const ApplicationRailContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const ApplicationRailMenu: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const ApplicationRailButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
+export declare const ApplicationRailSeparator: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+export declare const ApplicationRailFooter: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
+//#endregion

package/dist/components/bidi-text.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 //#region src/components/bidi-text.d.ts
-declare const BidiText: (props: BidiTextProps) => React$1.JSX.Element;
-declare const UserText: (props: BidiTextProps) => React$1.JSX.Element;
+export declare const BidiText: (props: BidiTextProps) => React$1.JSX.Element;
+export declare const UserText: (props: BidiTextProps) => React$1.JSX.Element;
 type BidiDirection = "auto" | "ltr" | "rtl";
 type BdiElementProps = Omit<React$1.ComponentPropsWithoutRef<"bdi">, "dir"> & {
   as?: "bdi";
@@ -21,4 +21,4 @@ type ParagraphTextProps = Omit<React$1.ComponentPropsWithoutRef<"p">, "dir"> & {
 };
 type BidiTextProps = BdiElementProps | SpanTextProps | DivTextProps | ParagraphTextProps;
 //#endregion
-export { type BidiDirection, BidiText, type BidiTextProps, UserText };
+export type { BidiDirection, BidiTextProps };

package/dist/components/brand-icons.d.ts

@@ -1,7 +1,6 @@
 import * as React$1 from "react";
 //#region src/components/brand-icons.d.ts
 type BrandIconProps = React$1.ComponentProps<"svg">;
-declare const DiscordLogoIcon: (props: BrandIconProps) => React$1.JSX.Element;
-declare const GitHubLogoIcon: (props: BrandIconProps) => React$1.JSX.Element;
-//#endregion
-export { DiscordLogoIcon, GitHubLogoIcon };
+export declare const DiscordLogoIcon: (props: BrandIconProps) => React$1.JSX.Element;
+export declare const GitHubLogoIcon: (props: BrandIconProps) => React$1.JSX.Element;
+//#endregion

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

@@ -8,10 +8,9 @@
  * tooltip can never open. Matches the treatment `disabled:opacity-64` gives, and
  * swaps the cursor so the control still reads as unavailable on hover.
  */
-declare const buttonAccessibleDisabledClass = "cursor-not-allowed opacity-64";
-declare const buttonVariants: (props?: ({
-  size?: "default" | "xs" | "sm" | "icon" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "xl" | null | undefined;
-  variant?: "default" | "link" | "destructive" | "outline" | "destructive-outline" | "ghost" | "secondary" | null | undefined;
+export declare const buttonAccessibleDisabledClass = "cursor-not-allowed opacity-64";
+export declare const buttonVariants: (props?: ({
+  size?: "xs" | "sm" | "icon" | "default" | "lg" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "xl" | null | undefined;
+  variant?: "link" | "destructive" | "outline" | "default" | "destructive-outline" | "ghost" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-//#endregion
-export { buttonAccessibleDisabledClass, buttonVariants };
+//#endregion

package/dist/components/button.js

@@ -18,12 +18,15 @@ function Button({ className, variant, size, render, loading, children, disabled,
 	});
 	const isAccessibleDisabled = disposition === BUTTON_DISPOSITION.accessibleDisabled;
 	const defaultProps = {
-		children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LoaderIcon, { className: "animate-spin" }), children] }) : children,
+		children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LoaderIcon, {
+			className: "animate-spin",
+			"data-slot": "button-loader"
+		}), children] }) : children,
 		className: cn(buttonVariants({
 			className,
 			size,
 			variant
-		}), isAccessibleDisabled && "cursor-not-allowed opacity-64"),
+		}), loading && "[&_svg:not([data-slot=button-loader])]:hidden", isAccessibleDisabled && "cursor-not-allowed opacity-64"),
 		"data-slot": "button",
 		...isAccessibleDisabled ? {
 			"aria-disabled": true,

package/dist/components/command.d.ts

@@ -8,7 +8,7 @@ type CommandProps<ItemValue> = Omit<Autocomplete.Root.Props<ItemValue>, "items">
   items?: readonly ItemValue[] | undefined;
 };
 declare const Command: <ItemValue>({ autoHighlight, keepHighlight, open, ...props }: CommandProps<ItemValue>) => React$1.JSX.Element;
-declare const CommandDialog: typeof Dialog.Root;
+declare const CommandDialog: <Payload>(props: Dialog.Root.Props<Payload>) => React$1.JSX.Element;
 declare const CommandDialogTrigger: (props: Dialog.Trigger.Props) => React$1.JSX.Element;
 declare const CommandDialogPopup: ({ className, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPopup>) => React$1.JSX.Element;
 type CommandInputProps = Omit<Autocomplete.Input.Props, "size"> & {

package/dist/components/composer.d.ts

@@ -10,27 +10,27 @@ import { ReactNode } from "react";
  * `rounded-2xl` / 13px in the inspector).
  */
 /** Shared responsive size for the two round controls flanking a composer. */
-declare const COMPOSER_CONTROL_BUTTON_SIZE: "icon-sm";
+export declare const COMPOSER_CONTROL_BUTTON_SIZE: "icon-sm";
 /** The bordered box: background, radius, border, colour transition. The
  *  radius is the docked bar's original `rounded-2xl`: at the compact row's
  *  stature it reads as a soft pill, which is the shape the composers were
  *  meant to unify on. */
-declare const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border transition-colors";
+export declare const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border transition-colors";
 /** The box's focus ring in its default (non-anonymized) treatment. */
-declare const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
+export declare const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
 /**
  * The box's "shield active" treatment when the next send is anonymized: a
  * blue ring replaces the default focus border (both together read as a
  * double ring on click).
  */
-declare const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
+export declare const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
 /**
  * The compact (one-line) bar row: its stature, end alignment, control gap
  * and inset. The surface supplies the layout (`grid` for the chat bar's
  * three fixed columns, `flex` for the docked bar's variable leading
  * controls); the row grows with the editor.
  */
-declare const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
+export declare const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
 /**
  * The compact text cell: one `text-sm` line at `leading-5` plus the
  * vertical inset that makes a single line exactly as tall as the row's
@@ -38,9 +38,9 @@ declare const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-p
  * share one centre. The editable element itself takes `min-h-0` so an empty
  * composer collapses to this one line and grows from there.
  */
-declare const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
+export declare const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
 /** Text stature of the editor and every placeholder painted over it. */
-declare const COMPOSER_TEXT_CLASS = "text-sm leading-5";
+export declare const COMPOSER_TEXT_CLASS = "text-sm leading-5";
 /**
  * The `large` (hero) text well: the padding around the editor. The editor's
  * own stature is `COMPOSER_LARGE_EDITOR_CLASS` (~3 lines of `text-sm` at
@@ -48,28 +48,28 @@ declare const COMPOSER_TEXT_CLASS = "text-sm leading-5";
  * chat editor targets its `.ProseMirror` node while a plain textarea takes
  * it directly.
  */
-declare const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
+export declare const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
 /** The `large` editable element's stature: three lines before it grows. */
-declare const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
+export declare const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
 /** The placeholder painted over an empty editor, in either stature. */
-declare const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
+export declare const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
 /** The `large` action row under the text well: leading controls, trailing send. */
-declare const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
+export declare const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
 /** The leading group of the action row (the (+) menu, or a scope control). */
-declare const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
+export declare const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
 /**
  * The round, foreground-filled primary control at the action row's end:
  * the chat's send/stop/retry button and the law home's submit. `size-7`
  * pins the circle to the (+) trigger's diameter at every breakpoint
  * (`icon-sm` alone is 32px below `sm`), so a row's two round ends match.
  */
-declare const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
+export declare const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
 /**
  * A picker in the status row under the box (the chat's matter picker, the
  * law home's scope and jurisdiction): quiet text with a hover surface, so
  * the row stays subordinate to the box above it.
  */
-declare const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] transition-colors";
+export declare const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] transition-colors";
 type ComposerStatusRowProps = {
   /** Left cluster: matter picker, web-search / anonymize toggles, ... */
   start?: ReactNode | undefined;
@@ -83,8 +83,8 @@ type ComposerStatusRowProps = {
  * surface so the shell can never drift. Renders nothing when both slots are
  * empty, so a surface with no per-send controls shows no row.
  */
-declare const ComposerStatusRow: ({ start, end, className }: ComposerStatusRowProps) => import("react").JSX.Element | null;
-type ComposerPickerOption<Value extends string> = {
+export declare const ComposerStatusRow: ({ start, end, className }: ComposerStatusRowProps) => import("react").JSX.Element | null;
+export type ComposerPickerOption<Value extends string> = {
   label: string;
   value: Value;
 };
@@ -103,6 +103,5 @@ type ComposerPickerProps<Value extends string> = {
  * Every picker under a box renders through this so the row reads as one
  * kind of control.
  */
-declare const ComposerPicker: <Value extends string>({ ariaLabel, icon, onChange, options, value }: ComposerPickerProps<Value>) => import("react").JSX.Element;
-//#endregion
-export { COMPOSER_BOX_ANONYMIZED_CLASS, COMPOSER_BOX_CLASS, COMPOSER_BOX_FOCUS_CLASS, COMPOSER_COMPACT_ROW_CLASS, COMPOSER_COMPACT_TEXT_CELL_CLASS, COMPOSER_CONTROL_BUTTON_SIZE, COMPOSER_LARGE_ACTION_ROW_CLASS, COMPOSER_LARGE_EDITOR_CLASS, COMPOSER_LARGE_TEXT_WELL_CLASS, COMPOSER_LEADING_GROUP_CLASS, COMPOSER_PICKER_TRIGGER_CLASS, COMPOSER_PLACEHOLDER_CLASS, COMPOSER_SEND_BUTTON_CLASS, COMPOSER_TEXT_CLASS, ComposerPicker, ComposerPickerOption, ComposerStatusRow };
+export declare const ComposerPicker: <Value extends string>({ ariaLabel, icon, onChange, options, value }: ComposerPickerProps<Value>) => import("react").JSX.Element;
+//#endregion

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 //#region src/components/context-menu.d.ts
-type ContextMenuAction = {
+export type ContextMenuAction = {
   label: string;
   icon?: ReactNode;
   onClick?: () => void;
@@ -17,7 +17,7 @@ type ContextMenuAction = {
    *  several of in a row. */
   closeOnClick?: boolean;
 };
-type ContextMenuProps = {
+export type ContextMenuProps = {
   actions: readonly ContextMenuAction[];
   children: ReactNode;
 };
@@ -32,6 +32,5 @@ type ContextMenuProps = {
  * Renders only the children when `actions` is empty so callers can
  * pass conditionally.
  */
-declare const ContextMenu: ({ actions, children }: ContextMenuProps) => ReactNode;
-//#endregion
-export { ContextMenu, ContextMenuAction, ContextMenuProps };
+export declare const ContextMenu: ({ actions, children }: ContextMenuProps) => ReactNode;
+//#endregion

package/dist/components/date-picker-popover.js

@@ -260,30 +260,32 @@ const DatePickerPopoverContent = ({ id, labelledBy, value: rawValue, onChange, l
 		}
 	};
 	const handlePrev = () => {
-		if (view === "days") if (viewMonth === 0) setViewMonthOverride({
-			month: 11,
-			year: viewYear - 1
-		});
-		else setViewMonthOverride({
-			month: viewMonth - 1,
-			year: viewYear
-		});
-		else if (view === "months") setViewMonthOverride({
+		if (view === "days") {
+			if (viewMonth === 0) setViewMonthOverride({
+				month: 11,
+				year: viewYear - 1
+			});
+			else setViewMonthOverride({
+				month: viewMonth - 1,
+				year: viewYear
+			});
+		} else if (view === "months") setViewMonthOverride({
 			month: viewMonth,
 			year: viewYear - 1
 		});
 		else setDecadeBaseOverride(decadeBase - 10);
 	};
 	const handleNext = () => {
-		if (view === "days") if (viewMonth === 11) setViewMonthOverride({
-			month: 0,
-			year: viewYear + 1
-		});
-		else setViewMonthOverride({
-			month: viewMonth + 1,
-			year: viewYear
-		});
-		else if (view === "months") setViewMonthOverride({
+		if (view === "days") {
+			if (viewMonth === 11) setViewMonthOverride({
+				month: 0,
+				year: viewYear + 1
+			});
+			else setViewMonthOverride({
+				month: viewMonth + 1,
+				year: viewYear
+			});
+		} else if (view === "months") setViewMonthOverride({
 			month: viewMonth,
 			year: viewYear + 1
 		});

package/dist/components/date-picker-popover.logic.d.ts

@@ -1,18 +1,17 @@
 //#region src/components/date-picker-popover.logic.d.ts
-type CalendarMonth = {
+export type CalendarMonth = {
   month: number;
   year: number;
 };
-declare const localDateFromTimestamp: (timestamp: number) => string;
-declare const resolveCalendarViewMonth: ({ override, today, value }: {
+export declare const localDateFromTimestamp: (timestamp: number) => string;
+export declare const resolveCalendarViewMonth: ({ override, today, value }: {
   override: CalendarMonth | null;
   today: string;
   value: string;
 }) => CalendarMonth;
-declare const shiftCalendarDate: (date: string, options: {
+export declare const shiftCalendarDate: (date: string, options: {
   months?: number;
   years?: number;
 }) => string;
-declare const millisecondsUntilNextLocalDate: (timestamp: number) => number;
-//#endregion
-export { CalendarMonth, localDateFromTimestamp, millisecondsUntilNextLocalDate, resolveCalendarViewMonth, shiftCalendarDate };
+export declare const millisecondsUntilNextLocalDate: (timestamp: number) => number;
+//#endregion

package/dist/components/dialog.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from "react";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 //#region src/components/dialog.d.ts
 declare const DialogCreateHandle: typeof Dialog$1.createHandle;
-declare const Dialog: typeof Dialog$1.Root;
+declare const Dialog: <Payload>(props: Dialog$1.Root.Props<Payload>) => React$1.JSX.Element;
 declare const DialogPortal: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DialogTrigger({ tooltip, ...props }: Dialog$1.Trigger.Props & {
   tooltip?: React$1.ReactNode;

package/dist/components/directional-icon.d.ts

@@ -25,6 +25,5 @@ type DirectionalIconProps = {
  * handling wrong (forget the flip, or wrongly flip a non-directional
  * icon). See `/conventions-ux` → Right-to-Left & Bidirectional.
  */
-declare const DirectionalIcon: ({ icon: Icon, className, flip }: DirectionalIconProps) => import("react").JSX.Element;
-//#endregion
-export { DirectionalIcon };
+export declare const DirectionalIcon: ({ icon: Icon, className, flip }: DirectionalIconProps) => import("react").JSX.Element;
+//#endregion

package/dist/components/input-control.d.ts

@@ -1,10 +1,9 @@
 //#region src/components/input-control.d.ts
-declare const INPUT_CONTROL_CLASS_NAME = "border-input bg-background text-foreground ring-ring/24 has-autofill:bg-foreground/4 has-focus-visible:border-ring has-aria-invalid:border-destructive/36 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] pointer-coarse:min-h-11";
-declare const INPUT_ELEMENT_CLASS_NAME = "placeholder:text-foreground-placeholder h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5 pointer-coarse:h-full";
-declare const INPUT_SIZE_CLASS_NAMES: {
+export declare const INPUT_CONTROL_CLASS_NAME = "border-input bg-background text-foreground ring-ring/24 has-autofill:bg-foreground/4 has-focus-visible:border-ring has-aria-invalid:border-destructive/36 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] pointer-coarse:min-h-11";
+export declare const INPUT_ELEMENT_CLASS_NAME = "placeholder:text-foreground-placeholder h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5 pointer-coarse:h-full";
+export declare const INPUT_SIZE_CLASS_NAMES: {
   readonly sm: "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5 pointer-coarse:h-full";
   readonly default: undefined;
   readonly lg: "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5 pointer-coarse:h-full";
 };
-//#endregion
-export { INPUT_CONTROL_CLASS_NAME, INPUT_ELEMENT_CLASS_NAME, INPUT_SIZE_CLASS_NAMES };
+//#endregion

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

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/input-group.d.ts
 declare const InputGroup: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
+  align?: "inline-start" | "block-end" | "block-start" | "inline-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const InputGroupAddon: ({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) => React$1.JSX.Element;
 declare const InputGroupText: ({ className, ...props }: React$1.ComponentProps<"span">) => React$1.JSX.Element;

package/dist/components/landing.d.ts

@@ -16,46 +16,45 @@ type LandingLayoutProps = {
   /** Below the columns, in its own bounded scroll: crawlable navigation. */
   footer?: ReactNode | undefined;
 };
-declare const LandingLayout: ({ actions, hero, children, footer }: LandingLayoutProps) => import("react").JSX.Element;
+export declare const LandingLayout: ({ actions, hero, children, footer }: LandingLayoutProps) => import("react").JSX.Element;
 type LandingGreetingProps = {
   /** The mark in the tile: the product mark, or the section's icon. */
   icon: ReactNode;
   /** The one line under the tile, as the page's heading. */
   children: ReactNode;
 };
-declare const LandingGreeting: ({ icon, children }: LandingGreetingProps) => import("react").JSX.Element;
+export declare const LandingGreeting: ({ icon, children }: LandingGreetingProps) => import("react").JSX.Element;
 /** A column's heading: an icon and an uppercase label, as a link or a trigger. */
-declare const LANDING_SECTION_HEADING_CLASS = "text-muted-foreground hover:text-foreground focus-visible:ring-ring flex items-center gap-2 rounded-md px-1 text-xs font-semibold tracking-widest uppercase transition-colors outline-none focus-visible:ring-2";
+export declare const LANDING_SECTION_HEADING_CLASS = "text-muted-foreground hover:text-foreground focus-visible:ring-ring flex items-center gap-2 rounded-md px-1 text-xs font-semibold tracking-widest uppercase transition-colors outline-none focus-visible:ring-2";
 /** A row of a column, as a link or a button. */
-declare const LANDING_ROW_CLASS = "group hover:bg-accent/50 focus-visible:ring-ring rounded-md px-2 py-1.5 text-start transition-colors outline-none focus-visible:ring-2";
+export declare const LANDING_ROW_CLASS = "group hover:bg-accent/50 focus-visible:ring-ring rounded-md px-2 py-1.5 text-start transition-colors outline-none focus-visible:ring-2";
 type LandingSectionProps = {
   children: ReactNode;
   heading: ReactNode;
 };
 /** A column: its heading stays put, its rows scroll beneath it. */
-declare const LandingSection: ({ children, heading }: LandingSectionProps) => import("react").JSX.Element;
+export declare const LandingSection: ({ children, heading }: LandingSectionProps) => import("react").JSX.Element;
 type LandingButtonProps = {
   icon?: ReactElement;
   meta?: ReactNode | undefined;
   onClick: () => void;
   title: ReactNode;
 };
-declare const LandingButton: ({ icon, meta, onClick, title }: LandingButtonProps) => import("react").JSX.Element;
+export declare const LandingButton: ({ icon, meta, onClick, title }: LandingButtonProps) => import("react").JSX.Element;
 type LandingItemTextProps = {
   icon?: ReactElement;
   iconTone?: "muted" | "matter" | undefined;
   meta?: ReactNode | undefined;
   title: ReactNode;
 };
-declare const LandingItemText: ({ icon, iconTone, meta, title }: LandingItemTextProps) => import("react").JSX.Element;
+export declare const LandingItemText: ({ icon, iconTone, meta, title }: LandingItemTextProps) => import("react").JSX.Element;
 type LandingRowIconProps = {
   children: ReactElement;
   tone?: "muted" | "matter" | undefined;
 };
-declare const LandingRowIcon: ({ children, tone }: LandingRowIconProps) => import("react").JSX.Element;
+export declare const LandingRowIcon: ({ children, tone }: LandingRowIconProps) => import("react").JSX.Element;
 type LandingEmptyProps = {
   children: ReactNode;
 };
-declare const LandingEmpty: ({ children }: LandingEmptyProps) => import("react").JSX.Element;
-//#endregion
-export { LANDING_ROW_CLASS, LANDING_SECTION_HEADING_CLASS, LandingButton, LandingEmpty, LandingGreeting, LandingItemText, LandingLayout, LandingRowIcon, LandingSection };
+export declare const LandingEmpty: ({ children }: LandingEmptyProps) => import("react").JSX.Element;
+//#endregion

package/dist/components/menu.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from "react";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
 //#region src/components/menu.d.ts
 declare const MenuCreateHandle: typeof Menu$1.createHandle;
-declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => React$1.JSX.Element;
 declare const MenuPortal: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function MenuTrigger({ tooltip, ...props }: Menu$1.Trigger.Props & {
   tooltip?: React$1.ReactNode;

package/dist/components/outline-rail.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, RefObject } from "react";
 //#region src/components/outline-rail.d.ts
-type OutlineItem = {
+export type OutlineItem = {
   id: string;
   label: string;
   /** What the entry contains, after the label that names it. The label
@@ -15,7 +15,7 @@ type OutlineItem = {
    *  (e.g. "--option-blue"). Defaults to the neutral foreground. */
   color?: string;
 };
-type OutlineRailProps = {
+export type OutlineRailProps = {
   items: OutlineItem[];
   scrollContainerRef: RefObject<HTMLElement | null>;
   /** Vertical position (0–100) of an item's tick. Return null to drop it. */
@@ -38,6 +38,5 @@ type OutlineRailProps = {
   panelWidth?: number;
   ariaLabel?: string;
 };
-declare const OutlineRail: ({ items, scrollContainerRef, resolvePct, onJump, activeId, header, collapsedFromLevel, topOffset, panelWidth, ariaLabel }: OutlineRailProps) => import("react").JSX.Element | null;
-//#endregion
-export { OutlineItem, OutlineRail, OutlineRailProps };
+export declare const OutlineRail: ({ items, scrollContainerRef, resolvePct, onJump, activeId, header, collapsedFromLevel, topOffset, panelWidth, ariaLabel }: OutlineRailProps) => import("react").JSX.Element | null;
+//#endregion

package/dist/components/preview-card.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
 //#region src/components/preview-card.d.ts
-declare const PreviewCard: typeof PreviewCardPrimitive.Root;
-declare const PreviewCardTrigger: ({ ...props }: PreviewCardPrimitive.Trigger.Props) => React.ReactElement;
-declare const PreviewCardPopup: ({ className, children, align, sideOffset, anchor, ...props }: PreviewCardPrimitive.Popup.Props & {
+export declare const PreviewCard: typeof PreviewCardPrimitive.Root;
+export declare const PreviewCardTrigger: ({ ...props }: PreviewCardPrimitive.Trigger.Props) => React.ReactElement;
+export declare const PreviewCardPopup: ({ className, children, align, sideOffset, anchor, ...props }: PreviewCardPrimitive.Popup.Props & {
   align?: PreviewCardPrimitive.Positioner.Props["align"];
   sideOffset?: PreviewCardPrimitive.Positioner.Props["sideOffset"];
   anchor?: PreviewCardPrimitive.Positioner.Props["anchor"];
 }) => React.ReactElement;
 //#endregion
-export { PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, PreviewCardPrimitive };
+export { PreviewCard as HoverCard, PreviewCardPopup as HoverCardContent, PreviewCardTrigger as HoverCardTrigger, PreviewCardPrimitive };

package/dist/components/scroll-to-top.d.ts

@@ -1,12 +1,11 @@
 import { RefObject } from "react";
 //#region src/components/scroll-to-top.d.ts
-type ScrollToTopProps = {
+export type ScrollToTopProps = {
   scrollContainerRef: RefObject<HTMLElement | null>;
   /** Show once scrollTop exceeds this many px. */
   threshold?: number;
   label?: string;
   className?: string;
 };
-declare const ScrollToTop: ({ scrollContainerRef, threshold, label, className }: ScrollToTopProps) => import("react").JSX.Element;
-//#endregion
-export { ScrollToTop, ScrollToTopProps };
+export declare const ScrollToTop: ({ scrollContainerRef, threshold, label, className }: ScrollToTopProps) => import("react").JSX.Element;
+//#endregion

package/dist/components/segmented-icon-toggle.d.ts

@@ -17,6 +17,5 @@ type SegmentedIconToggleProps<T extends string> = {
 /** Compact segmented control of icon buttons (e.g. table row wrap, list
  * density). One shared shell so every density/mode switch looks and behaves
  * the same across the app. */
-declare const SegmentedIconToggle: <T extends string>({ value, options, onChange, size }: SegmentedIconToggleProps<T>) => import("react").JSX.Element;
-//#endregion
-export { SegmentedIconToggle };
+export declare const SegmentedIconToggle: <T extends string>({ value, options, onChange, size }: SegmentedIconToggleProps<T>) => import("react").JSX.Element;
+//#endregion

package/dist/components/sheet.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import { Dialog } from "@base-ui/react/dialog";
 //#region src/components/sheet.d.ts
-declare const Sheet: typeof Dialog.Root;
+declare const Sheet: <Payload>(props: Dialog.Root.Props<Payload>) => React$1.JSX.Element;
 declare const SheetPortal: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 type SheetSide = "inline-start" | "inline-end" | "block-start" | "block-end";
 declare function SheetTrigger({ tooltip, ...props }: Dialog.Trigger.Props & {