@stll/ui 0.65.1 → 0.67.0

package/dist/components/sheet.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/sheet.d.ts
 declare const Sheet: <Payload>(props: Dialog.Root.Props<Payload>) => React$1.JSX.Element;
 declare const SheetPortal: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 type SheetSide = "inline-start" | "inline-end" | "block-start" | "block-end";
@@ -25,5 +24,4 @@ declare const SheetDescription: ({ className, ...props }: Dialog.Description.Pro
 declare const SheetPanel: ({ className, scrollFade, ...props }: React$1.ComponentProps<"div"> & {
   scrollFade?: boolean;
 }) => React$1.JSX.Element;
-//#endregion
 export { Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger };

package/dist/components/sheet.js

@@ -1,14 +1,14 @@
 "use client";
 import { XIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import { OVERLAY_LAYER_CLASS_NAMES } from "../lib/overlay-layer.js";
 import "../lib/safe-area.js";
-import { renderTooltipTrigger } from "./tooltip-trigger-helper.js";
+import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { ScrollArea } from "./scroll-area.js";
+import { renderTooltipTrigger } from "./tooltip-trigger-helper.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/sheet.tsx
+// src/components/sheet.tsx
 const Sheet = Dialog.Root;
 const SheetPortal = Dialog.Portal;
 function SheetTrigger({ tooltip, ...props }) {
@@ -101,5 +101,4 @@ const SheetPanel = ({ className, scrollFade = true, ...props }) => /* @__PURE__
 		...props
 	})
 });
-//#endregion
 export { Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/sheet.native.d.ts

@@ -3,7 +3,6 @@ import { ComponentProps } from "react";
 import { ScrollView, ViewProps } from "react-native";
 import { SheetContract } from "./sheet.shared.js";
 import { Text as Text$1 } from "./text.native.js";
-//#region src/components/sheet.native.d.ts
 /**
  * The web's `Sheet` (./sheet.tsx) on a phone: the platform's page sheet,
  * sliding up over the screen. A swipe down or the system back gesture asks
@@ -23,5 +22,4 @@ export declare const SheetDescription: (props: ComponentProps<typeof Text$1>) =>
 /** The sheet's body, scrolling when it outgrows the sheet. */
 export declare const SheetPanel: ({ contentContainerClassName, ...props }: ComponentProps<typeof ScrollView>) => import("react").JSX.Element;
 /** A button that closes the sheet, after its own `onPress`. */
-export declare const SheetClose: ({ onPress, size, variant, ...props }: ComponentProps<typeof Button>) => import("react").JSX.Element;
-//#endregion
+export declare const SheetClose: ({ onPress, size, variant, ...props }: ComponentProps<typeof Button>) => import("react").JSX.Element;

package/dist/components/sheet.native.js

@@ -1,9 +1,9 @@
-import { Text as Text$1 } from "./text.native.js";
 import { Button } from "./button.native.js";
+import { Text as Text$1 } from "./text.native.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 import { KeyboardAvoidingView, Modal, Platform, ScrollView, View } from "react-native";
-//#region src/components/sheet.native.tsx
+// src/components/sheet.native.tsx
 /** Closes the sheet that holds it; nothing outside a sheet. */
 const SheetCloseContext = createContext(() => void 0);
 /**
@@ -65,5 +65,4 @@ const SheetClose = ({ onPress, size = "sm", variant = "ghost", ...props }) => {
 		...props
 	});
 };
-//#endregion
 export { Sheet, SheetClose, SheetDescription, SheetHeader, SheetPanel, SheetPopup, SheetTitle };

package/dist/components/sheet.shared.d.ts

@@ -1,9 +1,7 @@
 import { ReactNode } from "react";
-//#region src/components/sheet.shared.d.ts
 /** The props every sheet root accepts, with one meaning. */
 export type SheetContract = {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
   children?: ReactNode;
-};
-//#endregion
+};

package/dist/components/sidebar.d.ts

@@ -5,7 +5,6 @@ import { SidebarLayout } from "./sidebar.logic.js";
 import { TooltipContent as TooltipPopup } from "./tooltip.js";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/sidebar.d.ts
 /**
  * Inline size the sidebar takes out of the layout row when expanded, in CSS
  * pixels. Kept equal across the two rail-shaped primitives in this package:
@@ -139,5 +138,4 @@ declare const SidebarMenuSubButton: ({ asChild, size, isActive, className, ...pr
   size?: "sm" | "md";
   isActive?: boolean;
 }) => import("react").JSX.Element;
-//#endregion
 export { PanelTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout };

package/dist/components/sidebar.js

@@ -1,22 +1,22 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.js";
 import { PanelLeftIcon, PanelRightIcon } from "../icons.js";
+import { Slot } from "../lib/slot.js";
 import { cn } from "../lib/utils.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
-import { useIsMobile } from "../hooks/use-mobile.js";
 import { Button } from "./button.js";
-import { Sheet, SheetContent as SheetPopup, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
 import { Input } from "./input.js";
 import { Separator } from "./separator.js";
-import { Slot } from "../lib/slot.js";
+import { Sheet, SheetContent as SheetPopup, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
 import { deriveSidebarState, nextOpenMobile, nextRequestedOpen, resolveSidebarLayout, resolveSidebarOpen } from "./sidebar.logic.js";
 import { Skeleton } from "./skeleton.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useId, useState } from "react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { panic } from "better-result";
 import { cva } from "class-variance-authority";
-//#region src/components/sidebar.tsx
+// src/components/sidebar.tsx
 /**
 * Inline size the sidebar takes out of the layout row when expanded, in CSS
 * pixels. Kept equal across the two rail-shaped primitives in this package:
@@ -419,5 +419,4 @@ const SidebarMenuSubButton = ({ asChild = false, size = "md", isActive = false,
 		...props
 	});
 };
-//#endregion
 export { PanelTrigger, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout };

package/dist/components/sidebar.logic.d.ts

@@ -1,4 +1,3 @@
-//#region src/components/sidebar.logic.d.ts
 export type SidebarState = "expanded" | "collapsed";
 /** How the sidebar's contents are drawn: the icon rail, or full width. */
 export type SidebarLayout = "rail" | "full";
@@ -32,5 +31,4 @@ export declare const deriveSidebarState: (open: boolean) => SidebarState;
  */
 export declare const nextRequestedOpen: (requestedOpen: boolean) => boolean;
 /** `toggleSidebar`'s mobile transition: it flips the sheet's open state. */
-export declare const nextOpenMobile: (openMobile: boolean) => boolean;
-//#endregion
+export declare const nextOpenMobile: (openMobile: boolean) => boolean;

package/dist/components/sidebar.logic.js

@@ -1,4 +1,4 @@
-//#region src/components/sidebar.logic.ts
+// src/components/sidebar.logic.ts
 /**
 * The layout the sidebar's contents are drawn in. The mobile sheet never
 * collapses to icons, whatever the desktop collapse state holds, so chrome
@@ -24,5 +24,4 @@ const deriveSidebarState = (open) => open ? "expanded" : "collapsed";
 const nextRequestedOpen = (requestedOpen) => !requestedOpen;
 /** `toggleSidebar`'s mobile transition: it flips the sheet's open state. */
 const nextOpenMobile = (openMobile) => !openMobile;
-//#endregion
 export { deriveSidebarState, nextOpenMobile, nextRequestedOpen, resolveSidebarLayout, resolveSidebarOpen };

package/dist/components/skeleton.d.ts

@@ -1,4 +1,2 @@
-//#region src/components/skeleton.d.ts
 declare const Skeleton: ({ className, ...props }: React.ComponentProps<"div">) => import("react").JSX.Element;
-//#endregion
 export { Skeleton };

package/dist/components/skeleton.js

@@ -1,10 +1,9 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton.tsx
+// src/components/skeleton.tsx
 const Skeleton = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", className),
 	"data-slot": "skeleton",
 	...props
 });
-//#endregion
 export { Skeleton };

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

@@ -2,7 +2,6 @@ import { BUTTON_CONTENT, Button } from "./button.js";
 import { ComponentProps, ReactNode } from "react";
 import { DropdownMenu as Menu } from "./menu.js";
 import { Popover } from "./popover.js";
-//#region src/components/split-button.d.ts
 type SplitButtonSharedProps = {
   menuLabel: string;
   primaryDescriptionId?: string;
@@ -34,5 +33,4 @@ type SplitButtonProps = SplitButtonSharedProps & SplitButtonPrimary & ({
 });
 /** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */
 export declare const SplitButton: (props: SplitButtonProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/components/split-button.js

@@ -2,10 +2,10 @@
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { BUTTON_CONTENT, Button } from "./button.js";
-import { Popover, PopoverTrigger } from "./popover.js";
 import { DropdownMenu as Menu, DropdownMenuTrigger as MenuTrigger } from "./menu.js";
+import { Popover, PopoverTrigger } from "./popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/split-button.tsx
+// src/components/split-button.tsx
 /** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */
 const SplitButton = (props) => {
 	const { primaryLabel, menuLabel, primaryDescriptionId, menuDescriptionId, onPrimaryClick, children, menu, primaryDisabled, menuDisabled, size = "md", className } = props;
@@ -62,5 +62,4 @@ const SplitButton = (props) => {
 		children: [controls, menu]
 	});
 };
-//#endregion
 export { SplitButton };

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

@@ -1,4 +1,3 @@
-//#region src/components/status-mark.d.ts
 type StatusMarkStatus = "pending" | "running" | "done" | "failed";
 type StatusMarkProps = {
   status: StatusMarkStatus;
@@ -13,5 +12,4 @@ type StatusMarkProps = {
  * failure eases to destructive.
  */
 declare const StatusMark: ({ className, label, status }: StatusMarkProps) => import("react").JSX.Element;
-//#endregion
 export { StatusMark, type StatusMarkStatus };

package/dist/components/status-mark.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/status-mark.tsx
+// src/components/status-mark.tsx
 const RING_RADIUS = 6.25;
 const CHECK_PATH = "M5.4 8.3 7.2 10.1 10.6 6.3";
 const CROSS_PATH = "M6.1 6.1 9.9 9.9M9.9 6.1 6.1 9.9";
@@ -70,5 +70,4 @@ const StatusMark = ({ className, label, status }) => /* @__PURE__ */ jsxs("svg",
 		})
 	]
 });
-//#endregion
 export { StatusMark };

package/dist/components/stella-mark.d.ts

@@ -1,4 +1,2 @@
 import { SVGProps } from "react";
-//#region src/components/stella-mark.d.ts
-export declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
+export declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/components/stella-mark.js

@@ -1,6 +1,6 @@
 import { STELLA_MARK } from "./stella-mark.shared.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stella-mark.tsx
+// src/components/stella-mark.tsx
 const StellaMark = (props) => /* @__PURE__ */ jsx("svg", {
 	"aria-hidden": "true",
 	fill: "currentColor",
@@ -9,5 +9,4 @@ const StellaMark = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: STELLA_MARK.paths.map((d) => /* @__PURE__ */ jsx("path", { d }, d))
 });
-//#endregion
 export { StellaMark };

package/dist/components/stella-mark.native.d.ts

@@ -1,9 +1,7 @@
-//#region src/components/stella-mark.native.d.ts
 /**
  * The web's `StellaMark` (./stella-mark.tsx) on a phone: the same paths, in
  * the foreground colour, `size` points tall. Decorative, like the web's.
  */
 export declare const StellaMark: ({ size }: {
   size?: number | undefined;
-}) => import("react").JSX.Element;
-//#endregion
+}) => import("react").JSX.Element;

package/dist/components/stella-mark.native.js

@@ -2,7 +2,7 @@ import { STELLA_MARK } from "./stella-mark.shared.js";
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 import { useCSSVariable } from "uniwind";
-//#region src/components/stella-mark.native.tsx
+// src/components/stella-mark.native.tsx
 const BOX = STELLA_MARK.viewBox.split(" ").map(Number);
 const WIDTH = BOX[2] ?? 1;
 const HEIGHT = BOX[3] ?? 1;
@@ -24,5 +24,4 @@ const StellaMark = ({ size = 28 }) => {
 		}, d))
 	});
 };
-//#endregion
 export { StellaMark };

package/dist/components/stella-mark.shared.d.ts

@@ -1,6 +1,4 @@
-//#region src/components/stella-mark.shared.d.ts
 export declare const STELLA_MARK: {
   readonly viewBox: "0 0 40 41";
   readonly paths: readonly ["M6.58 11.3 16.69 5.05a5.9 5.9 0 0 1 6.62.01l14.68 9.07V9.26L25.52 1.55A11.8 11.8 0 0 0 20 0c-1.97 0-3.88.54-5.53 1.56L4.37 7.81A9.3 9.3 0 0 0 0 15.61a9.3 9.3 0 0 0 4.37 7.8l3.26 2.02-.01.01 11.15 6.9c.14.09.27.16.39.2.68.26 1.42.19 2.03-.19l9.59-5.93.1-.07 2.07-1.28-2.82-1.72-1.1-.69-9.02 5.56-.41-.24-13.01-8.05a5.57 5.57 0 0 1-2.41-4.31c0-1.79.88-3.36 2.41-4.3Z", "M33.34 29.25 23.24 35.5a5.9 5.9 0 0 1-6.63-.01L1.94 26.43v4.86l12.47 7.71a11.8 11.8 0 0 0 5.52 1.55c1.97 0 3.88-.54 5.53-1.56l10.1-6.25a9.3 9.3 0 0 0 4.37-7.8 9.3 9.3 0 0 0-4.37-7.8l-3.26-2.02.01-.01-11.15-6.9a1.6 1.6 0 0 0-.39-.2 1.64 1.64 0 0 0-2.03.19l-9.59 5.93-.1.07-2.07 1.28 2.82 1.72 1.1.69 9.02-5.56.41.24 13.01 8.05a5.57 5.57 0 0 1 2.41 4.31c0 1.79-.88 3.36-2.41 4.3Z"];
-};
-//#endregion
+};

package/dist/components/stella-mark.shared.js

@@ -1,7 +1,6 @@
-//#region src/components/stella-mark.shared.ts
+// src/components/stella-mark.shared.ts
 const STELLA_MARK = {
 	viewBox: "0 0 40 41",
 	paths: ["M6.58 11.3 16.69 5.05a5.9 5.9 0 0 1 6.62.01l14.68 9.07V9.26L25.52 1.55A11.8 11.8 0 0 0 20 0c-1.97 0-3.88.54-5.53 1.56L4.37 7.81A9.3 9.3 0 0 0 0 15.61a9.3 9.3 0 0 0 4.37 7.8l3.26 2.02-.01.01 11.15 6.9c.14.09.27.16.39.2.68.26 1.42.19 2.03-.19l9.59-5.93.1-.07 2.07-1.28-2.82-1.72-1.1-.69-9.02 5.56-.41-.24-13.01-8.05a5.57 5.57 0 0 1-2.41-4.31c0-1.79.88-3.36 2.41-4.3Z", "M33.34 29.25 23.24 35.5a5.9 5.9 0 0 1-6.63-.01L1.94 26.43v4.86l12.47 7.71a11.8 11.8 0 0 0 5.52 1.55c1.97 0 3.88-.54 5.53-1.56l10.1-6.25a9.3 9.3 0 0 0 4.37-7.8 9.3 9.3 0 0 0-4.37-7.8l-3.26-2.02.01-.01-11.15-6.9a1.6 1.6 0 0 0-.39-.2 1.64 1.64 0 0 0-2.03.19l-9.59 5.93-.1.07-2.07 1.28 2.82 1.72 1.1.69 9.02-5.56.41.24 13.01 8.05a5.57 5.57 0 0 1 2.41 4.31c0 1.79-.88 3.36-2.41 4.3Z"]
 };
-//#endregion
 export { STELLA_MARK };

package/dist/components/stella-wordmark.d.ts

@@ -1,4 +1,2 @@
 import { SVGProps } from "react";
-//#region src/components/stella-wordmark.d.ts
-export declare const StellaWordmarkLatin: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
+export declare const StellaWordmarkLatin: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/components/stella-wordmark.js

@@ -1,6 +1,6 @@
 import { STELLA_WORDMARK } from "./stella-wordmark.shared.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stella-wordmark.tsx
+// src/components/stella-wordmark.tsx
 const StellaWordmarkLatin = (props) => /* @__PURE__ */ jsx("svg", {
 	"aria-hidden": "true",
 	fill: "currentColor",
@@ -9,5 +9,4 @@ const StellaWordmarkLatin = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: STELLA_WORDMARK.paths.map((d) => /* @__PURE__ */ jsx("path", { d }, d))
 });
-//#endregion
 export { StellaWordmarkLatin };

package/dist/components/stella-wordmark.native.d.ts

@@ -1,9 +1,7 @@
-//#region src/components/stella-wordmark.native.d.ts
 /**
  * The web's `StellaWordmarkLatin` (./stella-wordmark.tsx) on a phone: the
  * same paths, in the foreground colour, `height` points tall.
  */
 export declare const StellaWordmarkLatin: ({ height }: {
   height?: number | undefined;
-}) => import("react").JSX.Element;
-//#endregion
+}) => import("react").JSX.Element;

package/dist/components/stella-wordmark.native.js

@@ -2,7 +2,7 @@ import { STELLA_WORDMARK } from "./stella-wordmark.shared.js";
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 import { useCSSVariable } from "uniwind";
-//#region src/components/stella-wordmark.native.tsx
+// src/components/stella-wordmark.native.tsx
 const BOX = STELLA_WORDMARK.viewBox.split(" ").map(Number);
 const WIDTH = BOX[2] ?? 1;
 const HEIGHT = BOX[3] ?? 1;
@@ -23,5 +23,4 @@ const StellaWordmarkLatin = ({ height = 20 }) => {
 		}, d))
 	});
 };
-//#endregion
 export { StellaWordmarkLatin };

package/dist/components/stella-wordmark.shared.d.ts

@@ -1,6 +1,4 @@
-//#region src/components/stella-wordmark.shared.d.ts
 export declare const STELLA_WORDMARK: {
   readonly viewBox: "0 0 573 151";
   readonly paths: readonly ["M23.54 44.93L59.65 22.32C63.19 20.1 67.28 18.94 71.49 18.94C75.7 18.94 79.79 20.1 83.32 22.32L135.77 55.14V37.56L91.2 9.63C85.32 5.96 78.5 3.99 71.49 3.99C64.48 3.99 57.63 5.93 51.74 9.63L15.63 32.24C5.85 38.39 0 48.96 0 60.52C0 72.08 5.85 82.65 15.63 88.77L27.27 96.05L67.11 121.04C67.63 121.36 68.08 121.59 68.5 121.75C70.94 122.68 73.58 122.42 75.77 121.07L110.05 99.62C110.05 99.62 110.3 99.46 110.4 99.36L117.8 94.72L107.73 88.48L103.78 86L71.55 106.13L70.07 105.26L23.57 76.11C18.11 72.66 14.95 66.99 14.95 60.52C14.95 54.05 18.11 48.38 23.57 44.93H23.54Z", "M119.18 109.86L83.07 132.47C79.53 134.7 75.44 135.85 71.23 135.85C67.02 135.85 62.93 134.7 59.4 132.47L6.91 99.65V117.24L51.49 145.13C57.37 148.8 64.19 150.77 71.2 150.77C78.21 150.77 85.06 148.84 90.94 145.13L127.06 122.52C136.83 116.4 142.69 105.84 142.69 94.27C142.69 82.71 136.83 72.15 127.06 66.03L115.42 58.75L75.57 33.75C75.06 33.43 74.61 33.21 74.19 33.05C71.75 32.11 69.11 32.37 66.92 33.72L32.64 55.17C32.64 55.17 32.38 55.33 32.29 55.43L24.89 60.07L34.96 66.32L38.91 68.8L71.13 48.67L72.61 49.54L119.12 78.69C124.58 82.13 127.73 87.8 127.73 94.27C127.73 100.75 124.58 106.42 119.12 109.86H119.18Z", "M230.38 123.02C212.11 123.02 195.46 115.06 189.49 98.78L200.89 89.91C203.96 99.87 213.55 109.82 230.92 109.82C241.23 109.82 248.11 105.84 248.11 98.06C248.11 90.1 240.15 87.56 229.83 85.21L218.26 82.5C205.77 79.6 192.2 73.63 192.2 57.53C192.2 41.61 204.51 31.84 223.5 31.84C241.96 31.84 254.8 41.61 259.69 53.19L247.75 62.05C243.4 51.74 235.08 45.23 222.6 45.23C213.55 45.23 207.04 49.21 207.04 56.63C207.04 64.41 212.83 67.12 224.77 70.01L235.99 72.91C255.71 77.61 262.22 85.75 262.22 97.88C262.22 115.24 247.38 123.02 230.38 123.02Z", "M304.21 123.2C289.92 123.2 279.79 113.8 279.79 98.78V45.95H265.67V33.65H279.79V22.43L295.52 10.85V33.65H324.29V45.95H295.52V94.08C295.52 105.29 300.77 108.01 307.65 108.01C315.43 108.01 320.85 101.49 323.21 96.07L328.45 111.63C324.65 117.6 316.33 123.2 304.21 123.2Z", "M371.45 123.02C346.66 123.02 329.48 105.29 329.48 77.43C329.48 49.75 346.48 31.84 370.54 31.84C395.33 31.84 410.34 48.3 410.34 73.99C410.34 76.71 409.98 79.42 409.62 81.05H344.67C345.58 99.5 355.89 110 371.45 110C389 110 396.05 100.41 399.49 92.81L409.08 103.66C402.57 114.16 390.44 123.02 371.45 123.02ZM370.54 45.05C356.43 45.05 347.02 53.37 345.03 69.65H396.23C394.6 53.55 385.2 45.05 370.54 45.05Z", "M442.77 121.21H427.03V0H442.77V121.21Z", "M478.55 121.21H462.81V0H478.55V121.21Z", "M516.68 123.02C501.84 123.02 493.52 114.52 493.52 102.94C493.52 91.18 502.39 83.76 514.87 78.16L546.53 64.04C545.99 53.73 541.1 46.13 527.35 46.13C514.87 46.13 506.55 53.37 502.02 62.96L491.35 51.92C496.6 42.88 509.62 31.84 529.16 31.84C550.69 31.84 562.27 44.69 562.27 65.49V101.49C562.27 105.66 563.9 106.92 567.15 106.92H572.76V121.21H562.63C553.58 121.21 547.07 116.87 547.07 104.57V98.42C544.18 110 534.77 123.02 516.68 123.02ZM509.44 100.41C509.44 106.38 513.6 110 521.74 110C536.58 110 547.07 100.23 547.07 87.56V75.44L521.56 87.38C513.24 91.36 509.44 94.98 509.44 100.41Z"];
-};
-//#endregion
+};

package/dist/components/stella-wordmark.shared.js

@@ -1,4 +1,4 @@
-//#region src/components/stella-wordmark.shared.ts
+// src/components/stella-wordmark.shared.ts
 const STELLA_WORDMARK = {
 	viewBox: "0 0 573 151",
 	paths: [
@@ -12,5 +12,4 @@ const STELLA_WORDMARK = {
 		"M516.68 123.02C501.84 123.02 493.52 114.52 493.52 102.94C493.52 91.18 502.39 83.76 514.87 78.16L546.53 64.04C545.99 53.73 541.1 46.13 527.35 46.13C514.87 46.13 506.55 53.37 502.02 62.96L491.35 51.92C496.6 42.88 509.62 31.84 529.16 31.84C550.69 31.84 562.27 44.69 562.27 65.49V101.49C562.27 105.66 563.9 106.92 567.15 106.92H572.76V121.21H562.63C553.58 121.21 547.07 116.87 547.07 104.57V98.42C544.18 110 534.77 123.02 516.68 123.02ZM509.44 100.41C509.44 106.38 513.6 110 521.74 110C536.58 110 547.07 100.23 547.07 87.56V75.44L521.56 87.38C513.24 91.36 509.44 94.98 509.44 100.41Z"
 	]
 };
-//#endregion
 export { STELLA_WORDMARK };

package/dist/components/steps.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/steps.d.ts
 declare const stepsVariants: (props?: ({
   variant?: "compact" | "default" | "progress" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -14,5 +13,4 @@ declare const stepVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type StepProps = React$1.ComponentProps<"li"> & VariantProps<typeof stepVariants>;
 declare const Step: ({ className, status, ...props }: StepProps) => React$1.JSX.Element;
-//#endregion
 export { Step, Steps };

package/dist/components/steps.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-//#region src/components/steps.tsx
+// src/components/steps.tsx
 const stepsVariants = cva("list-decimal ps-6 marker:font-medium", {
 	variants: { variant: {
 		default: "space-y-4",
@@ -30,5 +30,4 @@ const Step = ({ className, status, ...props }) => /* @__PURE__ */ jsx("li", {
 	"data-slot": "step",
 	...props
 });
-//#endregion
 export { Step, Steps };

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

@@ -1,4 +1,3 @@
-//#region src/components/swap-text.d.ts
 /**
  * A short label that changes in place (a live status line): the old text
  * lifts out with a slight blur while the new one rises into the same cell,
@@ -12,5 +11,4 @@ declare const SwapText: ({ className, text }: {
   className?: string;
   text: string;
 }) => import("react").JSX.Element;
-//#endregion
 export { SwapText };

package/dist/components/swap-text.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-//#region src/components/swap-text.tsx
+// src/components/swap-text.tsx
 /**
 * A short label that changes in place (a live status line): the old text
 * lifts out with a slight blur while the new one rises into the same cell,
@@ -48,5 +48,4 @@ const SwapText = ({ className, text }) => {
 		}, `in-${state.generation}`)]
 	});
 };
-//#endregion
 export { SwapText };

package/dist/components/switch.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-//#region src/components/switch.d.ts
 /**
  * `default` is a setting's own control; `sm` sits in a dense row or a menu
  * beside small type.
@@ -20,5 +19,4 @@ declare const SwitchField: ({ className, description, label, size, ...props }: S
   label: React$1.ReactNode;
   description?: React$1.ReactNode;
 }) => React$1.JSX.Element;
-//#endregion
 export { Switch, SwitchField, type SwitchProps, type SwitchSize };

package/dist/components/switch.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-//#region src/components/switch.tsx
+// src/components/switch.tsx
 const SWITCH_ROOT_SIZE_CLASS_NAME = {
 	default: "h-5 w-9",
 	sm: "h-4 w-7"
@@ -51,5 +51,4 @@ const SwitchField = ({ className, description, label, size, ...props }) => {
 		})]
 	});
 };
-//#endregion
 export { Switch, SwitchField };

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

@@ -1,6 +1,5 @@
 import { SwitchContract } from "./switch.shared.js";
 import { SwitchProps } from "react-native";
-//#region src/components/switch.native.d.ts
 type SwitchProps$1 = Omit<SwitchProps, "value" | "onValueChange" | "disabled" | keyof SwitchContract> & SwitchContract;
 /**
  * The web's `Switch` (./switch.tsx) on a phone: the platform's own switch, in
@@ -9,5 +8,4 @@ type SwitchProps$1 = Omit<SwitchProps, "value" | "onValueChange" | "disabled" |
  * `defaultChecked`.
  */
 export declare const Switch: ({ checked, defaultChecked, disabled, onCheckedChange, ...props }: SwitchProps$1) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/components/switch.native.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Switch as Switch$1 } from "react-native";
-//#region src/components/switch.native.tsx
+// src/components/switch.native.tsx
 /**
 * The web's `Switch` (./switch.tsx) on a phone: the platform's own switch, in
 * the web's colours (the primary fill when on, the input fill when off).
@@ -29,5 +29,4 @@ const Switch = ({ checked, defaultChecked = false, disabled = false, onCheckedCh
 		value
 	});
 };
-//#endregion
 export { Switch };

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

@@ -1,9 +1,7 @@
-//#region src/components/switch.shared.d.ts
 /** The props every switch renderer accepts, with one meaning. */
 export type SwitchContract = {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;
   onCheckedChange?: (checked: boolean) => void;
-};
-//#endregion
+};

package/dist/components/table-chart.d.ts

@@ -1,4 +1,3 @@
-//#region src/components/table-chart.d.ts
 export type TableChartKind = "bar" | "line" | "pie" | "scatter";
 export type TableChartPoint = {
   label: string;
@@ -16,5 +15,4 @@ export type TableChartProps = {
   xMode?: "numeric" | "category";
   formatNumber: (value: number) => string;
 };
-export declare const TableChart: ({ kind, points, title, summary, xLabel, yLabel, xMode, formatNumber }: TableChartProps) => import("react").JSX.Element;
-//#endregion
+export declare const TableChart: ({ kind, points, title, summary, xLabel, yLabel, xMode, formatNumber }: TableChartProps) => import("react").JSX.Element;

package/dist/components/table-chart.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { panic } from "better-result";
-//#region src/components/table-chart.tsx
+// src/components/table-chart.tsx
 const WIDTH = 640;
 const HEIGHT = 360;
 const PLOT = {
@@ -270,5 +270,4 @@ const TableChart = ({ kind, points, title, summary, xLabel, yLabel, xMode = "num
 		]
 	});
 };
-//#endregion
 export { TableChart };

package/dist/components/table.d.ts

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-//#region src/components/table.d.ts
 /**
  * How far cells pad their content from the column edges.
  *
@@ -108,5 +107,4 @@ type SortableHeadProps = Omit<TableHeadProps, "onClick"> & {
  */
 declare const SortableHead: ({ children, sortDirection, onSort, trailing, className, align, numeric, ...props }: SortableHeadProps) => React$1.JSX.Element;
 declare const TableCaption: ({ className, ...props }: React$1.ComponentProps<"caption">) => React$1.JSX.Element;
-//#endregion
 export { type SortDirection, SortableHead, Table, type TableAlign, TableBody, TableCaption, TableCell, type TableCellProps, type TableDensity, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableInset, type TableProps, TableRow, type TableScroll, type TableTone };

package/dist/components/table.js

@@ -2,7 +2,7 @@ import { ArrowDownIcon, ArrowUpIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/table.tsx
+// src/components/table.tsx
 const Table = ({ className, density = "default", inset = "default", scroll = "self", ...props }) => {
 	const table = /* @__PURE__ */ jsx("table", {
 		className: cn("w-full caption-bottom text-sm in-data-[slot=frame]:border-separate in-data-[slot=frame]:border-spacing-0", className),
@@ -103,5 +103,4 @@ const TableCaption = ({ className, ...props }) => /* @__PURE__ */ jsx("caption",
 	"data-slot": "table-caption",
 	...props
 });
-//#endregion
 export { SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.ts

@@ -1,5 +1,4 @@
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-//#region src/components/tabs.d.ts
 type TabsVariant = "default" | "underline";
 declare const Tabs: ({ className, ...props }: Tabs$1.Root.Props) => import("react").JSX.Element;
 declare const TabsList: ({ variant, className, children, ref, ...props }: Tabs$1.List.Props & {
@@ -7,5 +6,4 @@ declare const TabsList: ({ variant, className, children, ref, ...props }: Tabs$1
 }) => import("react").JSX.Element;
 declare const TabsTab: ({ className, ...props }: Tabs$1.Tab.Props) => import("react").JSX.Element;
 declare const TabsPanel: ({ className, ...props }: Tabs$1.Panel.Props) => import("react").JSX.Element;
-//#endregion
 export { Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger };

package/dist/components/tabs.js

@@ -1,10 +1,10 @@
 "use client";
-import { cn, composeRefs } from "../lib/utils.js";
 import { hasTabOrderChanged, revealActiveTab } from "../lib/tab-order.js";
+import { cn, composeRefs } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-//#region src/components/tabs.tsx
+// src/components/tabs.tsx
 const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
 const Tabs = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Root, {
 	className: cn("flex flex-col gap-2 data-[orientation=vertical]:flex-row", className),
@@ -53,5 +53,4 @@ const TabsPanel = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Panel,
 	"data-slot": "tabs-content",
 	...props
 });
-//#endregion
 export { Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger };

package/dist/components/text.d.ts

@@ -1,11 +1,9 @@
 import { ComponentProps } from "react";
 import { TextContract, TextVariant } from "./text.shared.js";
-//#region src/components/text.d.ts
 /**
  * Text in one of the design system's roles (./text.shared.ts), the same role
  * the React Native renderer (./text.native.tsx) sets on a phone. Inline, so a
  * role can sit inside a paragraph; a block of prose is `Prose`.
  */
 declare const Text: ({ className, variant, ...props }: Omit<ComponentProps<"span">, keyof TextContract> & TextContract) => import("react").JSX.Element;
-//#endregion
 export { Text, type TextVariant };