@botiverse/raft-ui 0.94.0 → 0.95.0

package/dist/components/panel/panel-action.d.mts

@@ -1,7 +1,6 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { Button } from "@base-ui/react/button";
-//#region src/components/panel/panel-action.d.ts
 export type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes & {
   /**
    * Activate when the finger lifts instead of on the click after it, so a
@@ -11,5 +10,4 @@ export type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAtt
    */
   activateOnTouchEnd?: boolean;
 };
-export declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...props }: PanelActionProps): import("react").JSX.Element;
-//#endregion
+export declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...props }: PanelActionProps): import("react").JSX.Element;

package/dist/components/panel/panel-action.mjs

@@ -1,10 +1,10 @@
 import { defaultNativeButton } from "../../lib/default-native-button.mjs";
-import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { useTapActivation } from "../../lib/tap-activation.mjs";
+import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { panelAction } from "./panel-action.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
-//#region src/components/panel/panel-action.tsx
+// src/components/panel/panel-action.tsx
 function PanelAction({ className, render, nativeButton, activateOnTouchEnd = false, ref, ...props }) {
 	const tapRef = useTapActivation(activateOnTouchEnd);
 	const [setRef] = useMergedRef(tapRef, ref);
@@ -19,5 +19,4 @@ function PanelAction({ className, render, nativeButton, activateOnTouchEnd = fal
 		className: panelAction({ className })
 	});
 }
-//#endregion
 export { PanelAction };

package/dist/components/panel/panel-action.recipe.mjs

@@ -1,6 +1,6 @@
 import { barButtonHit, barIconInset } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/panel/panel-action.recipe.ts
+// src/components/panel/panel-action.recipe.ts
 const panelActionBase = tv({ base: [
 	"relative inline-flex w-auto shrink-0 items-center justify-center",
 	"overflow-visible font-sans leading-none tabular-nums select-none outline-none",
@@ -36,5 +36,4 @@ const panelToggleAction = tv({
 		"data-pressed:active:overlay-sticker-medium"
 	]
 });
-//#endregion
 export { panelAction, panelToggleAction };

package/dist/components/panel/panel-header.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel-header.d.ts
 export type PanelHeaderProps = useRender.ComponentProps<"div">;
 export declare function PanelHeader({ children, className, render, ...props }: PanelHeaderProps): import("react").JSX.Element;
 export type PanelSectionHeaderProps = useRender.ComponentProps<"div">;
@@ -30,5 +29,4 @@ export type PanelActivityProps = useRender.ComponentProps<"span">;
  */
 export declare function PanelActivity({ className, render, ...props }: PanelActivityProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type PanelActionsProps = useRender.ComponentProps<"div">;
-export declare function PanelActions({ className, render, ...props }: PanelActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function PanelActions({ className, render, ...props }: PanelActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/panel/panel-header.mjs

@@ -1,9 +1,9 @@
-import { panelHeader } from "./panel-header.recipe.mjs";
 import { PanelHeaderRoot } from "./panel.mjs";
+import { panelHeader } from "./panel-header.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel-header.tsx
+// src/components/panel/panel-header.tsx
 function PanelHeader({ children, className, render, ...props }) {
 	const { header } = panelHeader();
 	return /* @__PURE__ */ jsx(PanelHeaderRoot, {
@@ -131,5 +131,4 @@ function PanelActions({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { PanelActions, PanelActivity, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeading, PanelMeta, PanelSectionHeader, PanelStatus, PanelTitle };

package/dist/components/panel/panel-header.recipe.mjs

@@ -1,6 +1,6 @@
 import { barIconInset, headEdges } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/panel/panel-header.recipe.ts
+// src/components/panel/panel-header.recipe.ts
 /**
 * Where a head's edge controls sit, shared by every head (panel, section,
 * drawer, thread): see lib/head-edges.ts. Both sides pad by the content
@@ -75,5 +75,4 @@ const panelHeader = tv({
 		]
 	}]
 });
-//#endregion
 export { panelHeadActions, panelHeadEdges, panelHeader };

package/dist/components/panel/panel-notice.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel-notice.d.ts
 export type PanelNoticeStatus = "default" | "warning" | "destructive" | "info" | "success";
 export type PanelNoticeProps = useRender.ComponentProps<"div"> & {
   /** The tint: warning for something to fix (the default), destructive only
@@ -12,5 +11,4 @@ export type PanelNoticeContentProps = useRender.ComponentProps<"div">;
 export declare function PanelNoticeContent({ className, render, ...props }: PanelNoticeContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type PanelNoticeActionsProps = useRender.ComponentProps<"div">;
 /** Trailing controls (copy, a link, ×), centred on the first text line. */
-export declare function PanelNoticeActions({ className, render, ...props }: PanelNoticeActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function PanelNoticeActions({ className, render, ...props }: PanelNoticeActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/panel/panel-notice.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel-notice.tsx
+// src/components/panel/panel-notice.tsx
 /**
 * A notice strip that runs the full width of a panel, under its head (a
 * runtime error, a setting that failed to save). It is a region of its own,
@@ -73,5 +73,4 @@ function PanelNoticeActions({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { PanelNotice, PanelNoticeActions, PanelNoticeContent };

package/dist/components/panel/panel-split-action.d.mts

@@ -1,9 +1,8 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentProps } from "react";
 import { Button } from "@base-ui/react/button";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/panel/panel-split-action.d.ts
 export type PanelSplitActionProps = ComponentProps<"div"> & DataAttributes;
 /**
  * One header action with a menu beside it, such as Comment and its ▾: a
@@ -30,5 +29,4 @@ export type PanelSplitActionMenuProps = Omit<StyledProps<Button.Props>, "type">
  * default. Render it as the trigger of a DropdownMenu or a Popover:
  * `<DropdownMenuTrigger render={<PanelSplitActionMenu aria-label="Comments" />} />`.
  */
-export declare function PanelSplitActionMenu({ className, render, nativeButton, children, ...props }: PanelSplitActionMenuProps): import("react").JSX.Element;
-//#endregion
+export declare function PanelSplitActionMenu({ className, render, nativeButton, children, ...props }: PanelSplitActionMenuProps): import("react").JSX.Element;

package/dist/components/panel/panel-split-action.mjs

@@ -4,7 +4,7 @@ import { ChevronDown } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/panel/panel-split-action.tsx
+// src/components/panel/panel-split-action.tsx
 /**
 * One header action with a menu beside it, such as Comment and its ▾: a
 * `PanelSplitActionMain` (or `PanelSplitActionToggle`), then a `PanelSplitActionMenu` as the trigger of a
@@ -65,5 +65,4 @@ function PanelSplitActionMenu({ className, render, nativeButton, children, ...pr
 		children: children ?? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true })
 	});
 }
-//#endregion
 export { PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle };

package/dist/components/panel/panel-split-action.recipe.mjs

@@ -1,6 +1,6 @@
 import { tv } from "../../lib/tv.mjs";
 import { panelAction, panelToggleAction } from "./panel-action.recipe.mjs";
-//#region src/components/panel/panel-split-action.recipe.ts
+// src/components/panel/panel-split-action.recipe.ts
 /**
 * A split action reads as one control: the group is one rounded shape, and
 * whichever part is under the pointer takes the medium tier (`fill-medium`)
@@ -49,5 +49,4 @@ const panelSplitActionMenu = tv({
 		"[&>svg]:size-4"
 	]
 });
-//#endregion
 export { panelSplitAction, panelSplitActionMain, panelSplitActionMenu, panelSplitActionToggle };

package/dist/components/panel/panel-toggle-action.d.mts

@@ -1,6 +1,4 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/panel/panel-toggle-action.d.ts
 export type PanelToggleActionProps = Omit<StyledProps<Toggle.Props>, "type">;
-export declare function PanelToggleAction({ className, ...props }: PanelToggleActionProps): import("react").JSX.Element;
-//#endregion
+export declare function PanelToggleAction({ className, ...props }: PanelToggleActionProps): import("react").JSX.Element;

package/dist/components/panel/panel-toggle-action.mjs

@@ -1,7 +1,7 @@
 import { panelToggleAction } from "./panel-action.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Toggle } from "@base-ui/react/toggle";
-//#region src/components/panel/panel-toggle-action.tsx
+// src/components/panel/panel-toggle-action.tsx
 function PanelToggleAction({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Toggle, {
 		...props,
@@ -11,5 +11,4 @@ function PanelToggleAction({ className, ...props }) {
 		className: panelToggleAction({ className })
 	});
 }
-//#endregion
 export { PanelToggleAction };

package/dist/components/panel/panel.d.mts

@@ -1,6 +1,5 @@
 import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel.d.ts
 export type PanelEdge = "attached" | "inset";
 export type PanelProps = useRender.ComponentProps<"section"> & {
   edge?: PanelEdge;
@@ -29,5 +28,4 @@ export declare function PanelScrollContent({ className, render, ...props }: Pane
 export type PanelSectionProps = useRender.ComponentProps<"section">;
 export declare function PanelSection({ className, render, ...props }: PanelSectionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type PanelFooterProps = useRender.ComponentProps<"div">;
-export declare function PanelFooter({ className, render, ...props }: PanelFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function PanelFooter({ className, render, ...props }: PanelFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/panel/panel.mjs

@@ -3,7 +3,7 @@ import { panel } from "./panel.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/panel/panel.tsx
+// src/components/panel/panel.tsx
 function Panel({ className, edge, render, ...props }) {
 	const { root } = panel({ edge });
 	const defaultProps = {
@@ -115,5 +115,4 @@ function PanelFooter({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { Panel, PanelBody, PanelFooter, PanelHeaderRoot, PanelNativeScrollViewport, PanelScrollContent, PanelScrollViewport, PanelSection };

package/dist/components/panel/panel.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/panel/panel.recipe.ts
+// src/components/panel/panel.recipe.ts
 const panel = tv({
 	slots: {
 		root: ["[--panel-footer-clearance:10rem]", "bg-layer-canvas text-foreground"],
@@ -21,5 +21,4 @@ const panel = tv({
 		attached: { root: ["group/panel-frame", "border-l border-line-seam max-md:border-l-0"] }
 	} }
 });
-//#endregion
 export { panel };

package/dist/components/picker-trigger-button/picker-trigger-button.d.mts

@@ -1,7 +1,5 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { Button } from "@base-ui/react/button";
-//#region src/components/picker-trigger-button/picker-trigger-button.d.ts
 export type PickerTriggerButtonProps = StyledProps<Button.Props> & DataAttributes;
-export declare function PickerTriggerButton({ className, render, nativeButton, ...props }: PickerTriggerButtonProps): import("react").JSX.Element;
-//#endregion
+export declare function PickerTriggerButton({ className, render, nativeButton, ...props }: PickerTriggerButtonProps): import("react").JSX.Element;

package/dist/components/picker-trigger-button/picker-trigger-button.mjs

@@ -1,8 +1,8 @@
-import { tv } from "../../lib/tv.mjs";
 import { defaultNativeButton } from "../../lib/default-native-button.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
-//#region src/components/picker-trigger-button/picker-trigger-button.tsx
+// src/components/picker-trigger-button/picker-trigger-button.tsx
 const pickerTriggerButton = tv({ base: [
 	"relative inline-flex h-8 md:pointer-fine:h-control shrink-0 items-center justify-center",
 	"after:absolute after:inset-x-0 after:-inset-y-1.5 md:pointer-fine:after:hidden",
@@ -34,5 +34,4 @@ function PickerTriggerButton({ className, render, nativeButton, ...props }) {
 		className: pickerTriggerButton({ className })
 	});
 }
-//#endregion
 export { PickerTriggerButton };

package/dist/components/popover/popover.d.mts

@@ -1,7 +1,6 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Popover } from "@base-ui/react/popover";
-//#region src/components/popover/popover.d.ts
 export type PopoverProps = Popover.Root.Props;
 declare function Popover$1(props: PopoverProps): import("react").JSX.Element;
 export type PopoverTriggerProps = StyledProps<Popover.Trigger.Props>;
@@ -46,5 +45,4 @@ export declare function PopoverBody({ className, ...props }: PopoverBodyProps):
 export type PopoverActionsProps = ComponentPropsWithRef<"div">;
 /** The panel's buttons, at its end, under `PopoverBody`: the way out first, then the confirm button. */
 export declare function PopoverActions({ className, ...props }: PopoverActionsProps): import("react").JSX.Element;
-//#endregion
 export { Popover$1 as Popover };

package/dist/components/popover/popover.mjs

@@ -1,11 +1,11 @@
-import { tv } from "../../lib/tv.mjs";
-import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { usePopupCollision } from "../../lib/frame-insets.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { messageCard } from "../message-embed/message-embed.recipe.mjs";
+import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
-//#region src/components/popover/popover.tsx
+// src/components/popover/popover.tsx
 const popover = tv({
 	slots: {
 		trigger: ["select-none"],
@@ -194,5 +194,4 @@ function PopoverActions({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Popover$1 as Popover, PopoverActions, PopoverArrow, PopoverBackdrop, PopoverBody, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport };

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

@@ -1,7 +1,6 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { PreviewCard } from "@base-ui/react/preview-card";
-//#region src/components/preview-card/preview-card.d.ts
 export type PreviewCardProps = PreviewCard.Root.Props;
 declare function PreviewCard$1(props: PreviewCardProps): import("react").JSX.Element;
 export type PreviewCardTriggerProps = StyledProps<PreviewCard.Trigger.Props>;
@@ -46,5 +45,4 @@ export declare function PreviewCardActions({ className, ...props }: PreviewCardA
 export type PreviewCardFooterProps = ComponentPropsWithRef<"p">;
 /** The caption under a hairline at the bottom of the card: where the item comes from. */
 export declare function PreviewCardFooter({ className, ...props }: PreviewCardFooterProps): import("react").JSX.Element;
-//#endregion
 export { PreviewCard$1 as PreviewCard };

package/dist/components/preview-card/preview-card.mjs

@@ -1,12 +1,12 @@
-import { tv } from "../../lib/tv.mjs";
-import { useTheme } from "../../lib/theme/use-theme.mjs";
-import { resolveThemeScopeProps, useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { usePopupCollision } from "../../lib/frame-insets.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { messageCard } from "../message-embed/message-embed.recipe.mjs";
+import { resolveThemeScopeProps, useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
+import { useTheme } from "../../lib/theme/use-theme.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { PreviewCard } from "@base-ui/react/preview-card";
-//#region src/components/preview-card/preview-card.tsx
+// src/components/preview-card/preview-card.tsx
 const previewCard = tv({
 	slots: {
 		trigger: [],
@@ -199,5 +199,4 @@ function PreviewCardFooter({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { PreviewCard$1 as PreviewCard, PreviewCardActions, PreviewCardArrow, PreviewCardBody, PreviewCardContent, PreviewCardDescription, PreviewCardEyebrow, PreviewCardFooter, PreviewCardHeader, PreviewCardMeta, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger };

package/dist/components/profile-panel/profile-panel.d.mts

@@ -1,6 +1,5 @@
 import { PanelBodyProps, PanelProps, PanelSectionProps } from "../panel/panel.mjs";
 import { PanelHeaderContentProps, PanelHeaderProps } from "../panel/panel-header.mjs";
-//#region src/components/profile-panel/profile-panel.d.ts
 export type ProfilePanelProps = PanelProps;
 export declare function ProfilePanel({ className, edge, ...props }: ProfilePanelProps): import("react").JSX.Element;
 export type ProfilePanelHeaderProps = PanelHeaderProps;
@@ -10,5 +9,4 @@ export declare function ProfilePanelHeaderContent({ className, ...props }: Profi
 export type ProfilePanelBodyProps = PanelBodyProps;
 export declare function ProfilePanelBody({ className, ...props }: ProfilePanelBodyProps): import("react").JSX.Element;
 export type ProfilePanelSectionProps = PanelSectionProps;
-export declare function ProfilePanelSection({ className, ...props }: ProfilePanelSectionProps): import("react").JSX.Element;
-//#endregion
+export declare function ProfilePanelSection({ className, ...props }: ProfilePanelSectionProps): import("react").JSX.Element;

package/dist/components/profile-panel/profile-panel.mjs

@@ -1,9 +1,9 @@
-import { Panel, PanelBody, PanelSection } from "../panel/panel.mjs";
 import { conversationPanel } from "../conversation-panel/conversation-panel.recipe.mjs";
+import { Panel, PanelBody, PanelSection } from "../panel/panel.mjs";
 import { PanelHeader, PanelHeaderContent } from "../panel/panel-header.mjs";
 import { profilePanel } from "./profile-panel.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/profile-panel/profile-panel.tsx
+// src/components/profile-panel/profile-panel.tsx
 function ProfilePanel({ className, edge = "inset", ...props }) {
 	const { root } = profilePanel();
 	return /* @__PURE__ */ jsx(Panel, {
@@ -42,5 +42,4 @@ function ProfilePanelSection({ className, ...props }) {
 		className: section({ className })
 	});
 }
-//#endregion
 export { ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection };

package/dist/components/profile-panel/profile-panel.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/profile-panel/profile-panel.recipe.ts
+// src/components/profile-panel/profile-panel.recipe.ts
 const profilePanel = tv({ slots: {
 	root: [
 		"flex h-full min-h-0 min-w-0 flex-1 flex-col",
@@ -10,5 +10,4 @@ const profilePanel = tv({ slots: {
 	headerContent: ["items-stretch gap-0"],
 	section: ["border-line-hairline px-(--surface-inset) py-4"]
 } });
-//#endregion
 export { profilePanel };

package/dist/components/progress/progress.d.mts

@@ -1,75 +1,8 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { VariantProps } from "../../lib/tv.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Progress } from "@base-ui/react/progress";
-//#region src/components/progress/progress.d.ts
-declare const progress: import("tailwind-variants/lite").TVReturnType<{
-  variant: {
-    primary: {
-      root: string[];
-    };
-    information: {
-      root: string[];
-    };
-    accent: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    danger: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {};
-    md: {};
-    lg: {};
-  };
-}, {
-  root: string[];
-  header: string[];
-  label: string[];
-  value: string[];
-  track: string[];
-  indicator: string[];
-}, undefined, {
-  variant: {
-    primary: {
-      root: string[];
-    };
-    information: {
-      root: string[];
-    };
-    accent: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    danger: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {};
-    md: {};
-    lg: {};
-  };
-}, {
-  root: string[];
-  header: string[];
-  label: string[];
-  value: string[];
-  track: string[];
-  indicator: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
+declare const progress: import("tailwind-variants/config").TVReturnType<{
   variant: {
     primary: {
       root: string[];
@@ -102,7 +35,7 @@ declare const progress: import("tailwind-variants/lite").TVReturnType<{
   value: string[];
   track: string[];
   indicator: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type ProgressProps = StyledProps<Progress.Root.Props> & VariantProps<typeof progress>;
 declare function Progress$1({ size, variant, className, ...props }: ProgressProps): import("react").JSX.Element;
 export type ProgressHeaderProps = ComponentPropsWithRef<"div">;
@@ -115,5 +48,4 @@ export type ProgressTrackProps = StyledProps<Progress.Track.Props>;
 export declare function ProgressTrack({ className, ...props }: ProgressTrackProps): import("react").JSX.Element;
 export type ProgressIndicatorProps = StyledProps<Progress.Indicator.Props>;
 export declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): import("react").JSX.Element;
-//#endregion
 export { Progress$1 as Progress };

package/dist/components/progress/progress.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Progress } from "@base-ui/react/progress";
-//#region src/components/progress/progress.tsx
+// src/components/progress/progress.tsx
 const PROGRESS_STYLE = `
 @keyframes raft-progress-indeterminate {
   0% {
@@ -135,5 +135,4 @@ function ProgressIndicator({ className, ...props }) {
 		children: progressStyle
 	});
 }
-//#endregion
 export { Progress$1 as Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };

package/dist/components/pull-to-refresh/pull-to-refresh-gesture.d.mts

@@ -1,4 +1,3 @@
-//#region src/components/pull-to-refresh/pull-to-refresh-gesture.d.ts
 /**
  * The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
  * "Behavior"). `usePullToRefresh` feeds it the scroller's touch events; this
@@ -26,5 +25,4 @@ export declare const PULL_TO_REFRESH_DAMPING = 0.55;
  * overshoot. Instant with reduced motion.
  */
 export declare const PULL_TO_REFRESH_SNAP_BACK_MS = 300;
-export type PullToRefreshState = "idle" | "pulling" | "refreshing";
-//#endregion
+export type PullToRefreshState = "idle" | "pulling" | "refreshing";

package/dist/components/pull-to-refresh/pull-to-refresh-gesture.mjs

@@ -1,5 +1,5 @@
 import "../../lib/touch-drag.mjs";
-//#region src/components/pull-to-refresh/pull-to-refresh-gesture.ts
+// src/components/pull-to-refresh/pull-to-refresh-gesture.ts
 /**
 * The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
 * "Behavior"). `usePullToRefresh` feeds it the scroller's touch events; this
@@ -130,5 +130,4 @@ function stepPullGesture(gesture, event, config = DEFAULT_PULL_GESTURE_CONFIG) {
 		case "settle": return step(IDLE_PULL_GESTURE);
 	}
 }
-//#endregion
 export { DEFAULT_PULL_GESTURE_CONFIG, IDLE_PULL_GESTURE, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_IGNORE_SELECTOR, PULL_TO_REFRESH_LONG_PRESS_MS, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PULL_TO_REFRESH_TOLERANCE, pullDistance, pullProgress, pullState, pullStep, stepPullGesture };

package/dist/components/pull-to-refresh/pull-to-refresh-indicator.d.mts

@@ -1,6 +1,5 @@
 import { PullToRefresh } from "./use-pull-to-refresh.mjs";
 import { ComponentProps } from "react";
-//#region src/components/pull-to-refresh/pull-to-refresh-indicator.d.ts
 export type PullToRefreshIndicatorProps = Omit<ComponentProps<"div">, "children"> & {
   /** The result of `usePullToRefresh`. */
   pull: PullToRefresh;
@@ -17,5 +16,4 @@ export type PullToRefreshIndicatorProps = Omit<ComponentProps<"div">, "children"
  * disc with a progress arc that travels down over the content. It holds a
  * polite live region that announces `label` while refreshing.
  */
-export declare function PullToRefreshIndicator({ pull, label, className, style, ...props }: PullToRefreshIndicatorProps): import("react").JSX.Element;
-//#endregion
+export declare function PullToRefreshIndicator({ pull, label, className, style, ...props }: PullToRefreshIndicatorProps): import("react").JSX.Element;

package/dist/components/pull-to-refresh/pull-to-refresh-indicator.mjs

@@ -4,7 +4,7 @@ import { pullStep } from "./pull-to-refresh-gesture.mjs";
 import { PullToRefreshMaterialProgress } from "./pull-to-refresh-material-progress.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pull-to-refresh/pull-to-refresh-indicator.tsx
+// src/components/pull-to-refresh/pull-to-refresh-indicator.tsx
 const pullStepStyle = /* @__PURE__ */ jsx("style", {
 	href: "raft-ui-pull-to-refresh",
 	precedence: "default",
@@ -149,5 +149,4 @@ function PullToRefreshIndicator({ pull, label, className, style, ...props }) {
 		]
 	});
 }
-//#endregion
 export { PullToRefreshIndicator };

package/dist/components/pull-to-refresh/pull-to-refresh-material-progress.mjs

@@ -1,6 +1,6 @@
 import { tv } from "../../lib/tv.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pull-to-refresh/pull-to-refresh-material-progress.tsx
+// src/components/pull-to-refresh/pull-to-refresh-material-progress.tsx
 /**
 * Android's own pull-to-refresh progress, drawn as Material 3 draws it
 * (Compose's `PullToRefreshDefaults.Indicator`, the one Chrome on Android
@@ -146,5 +146,4 @@ function PullToRefreshMaterialProgress({ state, progress }) {
 		})]
 	});
 }
-//#endregion
 export { MATERIAL_ARC_RADIUS, MATERIAL_MAX_ARC, MATERIAL_STROKE_WIDTH, PullToRefreshMaterialProgress, materialArc };

package/dist/components/pull-to-refresh/use-pull-to-refresh.d.mts

@@ -1,6 +1,5 @@
 import { PullToRefreshState } from "./pull-to-refresh-gesture.mjs";
 import { RefObject } from "react";
-//#region src/components/pull-to-refresh/use-pull-to-refresh.d.ts
 /** A primary pointer that is a finger: the only input pull to refresh answers. */
 export declare const PULL_TO_REFRESH_POINTER_QUERY = "(pointer: coarse)";
 /**
@@ -51,5 +50,4 @@ export type PullToRefresh = {
  * doesn't run as well. `scrollRef` is read when the hook turns on; a
  * scroller that is replaced later needs the hook remounted (a `key`).
  */
-export declare function usePullToRefresh(scrollRef: RefObject<HTMLElement | null>, { onRefresh, disabled, threshold, maxDistance, holdDistance, platform: platformOverride }: UsePullToRefreshOptions): PullToRefresh;
-//#endregion
+export declare function usePullToRefresh(scrollRef: RefObject<HTMLElement | null>, { onRefresh, disabled, threshold, maxDistance, holdDistance, platform: platformOverride }: UsePullToRefreshOptions): PullToRefresh;

package/dist/components/pull-to-refresh/use-pull-to-refresh.mjs

@@ -1,7 +1,7 @@
 import { useLatestRef } from "../virtual-list/hooks/use-latest-ref.mjs";
 import { DEFAULT_PULL_GESTURE_CONFIG, IDLE_PULL_GESTURE, PULL_TO_REFRESH_IGNORE_SELECTOR, PULL_TO_REFRESH_LONG_PRESS_MS, pullProgress, pullState, stepPullGesture } from "./pull-to-refresh-gesture.mjs";
 import { useEffect, useRef, useState, useSyncExternalStore } from "react";
-//#region src/components/pull-to-refresh/use-pull-to-refresh.ts
+// src/components/pull-to-refresh/use-pull-to-refresh.ts
 /** A primary pointer that is a finger: the only input pull to refresh answers. */
 const PULL_TO_REFRESH_POINTER_QUERY = "(pointer: coarse)";
 /** The one platform check: Android, by its user agent (Client Hints first). */
@@ -152,5 +152,4 @@ function usePullToRefresh(scrollRef, { onRefresh, disabled = false, threshold =
 		platform
 	};
 }
-//#endregion
 export { PULL_TO_REFRESH_POINTER_QUERY, detectPullToRefreshPlatform, usePullToRefresh };

package/dist/components/radio-group/radio-group.d.mts

@@ -1,7 +1,6 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/radio-group/radio-group.d.ts
 export type RadioGroupProps<T extends string = string> = StyledProps<RadioGroup.Props<T>>;
 declare function RadioGroup$1<T extends string = string>({ className, ...props }: RadioGroupProps<T>): import("react").JSX.Element;
 export type RadioGroupIndicatorProps = StyledProps<Radio.Indicator.Props>;
@@ -10,5 +9,4 @@ export type RadioGroupItemProps<T extends string = string> = StyledProps<Radio.R
   appearance?: "default" | "none";
 };
 export declare function RadioGroupItem<T extends string = string>({ appearance, className, children, ...props }: RadioGroupItemProps<T>): import("react").JSX.Element;
-//#endregion
 export { RadioGroup$1 as RadioGroup };