livemark 0.7.2 → 0.9.0

package/source/components/SidebarReleases.tsx

@@ -0,0 +1,85 @@
+import { Link, useLocation } from "@tanstack/react-router"
+import { Clock, List } from "lucide-react"
+import {
+  currentSection,
+  sectionFlatArticles,
+  sortedArticles,
+} from "../content/article.ts"
+import {
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+} from "../elements/sidebar.tsx"
+
+/** Changelog body slot for the Sidebar shell: All Releases / Recent Releases */
+export function SidebarReleases() {
+  const pathname = useLocation({ select: l => l.pathname })
+
+  const section = currentSection(`/${pathname.replace(/^\/|\/$/g, "")}/`)
+  const flat = section ? (sectionFlatArticles.get(section.prefix) ?? []) : []
+  const entries = flat
+    .map(p => sortedArticles.find(a => a.path === p))
+    .filter(a => a !== undefined)
+  const recent = entries.slice(0, 5)
+
+  const normalized = `/${pathname.replace(/^\/|\/$/g, "")}/`
+  const isIndex = section ? normalized === section.prefix : false
+  const sectionPath = (section?.prefix ?? "/changelog/").replace(/^\/|\/$/g, "")
+
+  return (
+    <SidebarGroup>
+      <SidebarGroupLabel className="uppercase font-mono text-xs tracking-widest">
+        Releases
+      </SidebarGroupLabel>
+      <SidebarGroupContent>
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton
+              isActive={isIndex}
+              className={isIndex ? "" : "opacity-75"}
+              render={<Link to="/$" params={{ _splat: sectionPath }} />}
+            >
+              <List className="size-4" />
+              <span>All Releases</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+          <SidebarMenuItem>
+            <SidebarMenuButton className="opacity-75">
+              <Clock className="size-4" />
+              <span>Recent Releases</span>
+            </SidebarMenuButton>
+            <SidebarMenuSub>
+              {recent.map(entry => {
+                const active = normalized === entry.path
+                return (
+                  <SidebarMenuSubItem key={entry.path}>
+                    <SidebarMenuSubButton
+                      isActive={active}
+                      className={active ? "" : "opacity-75"}
+                      render={
+                        <Link
+                          to="/$"
+                          params={{
+                            _splat: entry.path.replace(/^\/|\/$/g, ""),
+                          }}
+                        />
+                      }
+                    >
+                      <span>{entry.title}</span>
+                    </SidebarMenuSubButton>
+                  </SidebarMenuSubItem>
+                )
+              })}
+            </SidebarMenuSub>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarGroupContent>
+    </SidebarGroup>
+  )
+}

package/{build/website → source}/content-collections.ts

@@ -11,8 +11,8 @@ import remarkDirective from "remark-directive"
 import remarkGemoji from "remark-gemoji"
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"
-import { loadConfig } from "../actions/config/load.ts"
-import { buildChangelog, cacheIncludeGlob } from "../actions/changelog/build.ts"
+import { loadConfig } from "./actions/config/load.ts"
+import { buildChangelog, cacheIncludeGlob } from "./actions/changelog/build.ts"
 import { Article } from "./models/article.ts"
 import { pickDefaultIcon } from "./helpers/article-icon.ts"
 import slugify from "@sindresorhus/slugify"
@@ -86,6 +86,10 @@ function getLastUpdated(filePath: string) {
   }
 }
 
+function stripLeadingH1(content: string) {
+  return content.replace(/^[ \t]*#\s+[^\n]*\n+/, "")
+}
+
 function extractTitle(content: string, path: string) {
   const match = /^#\s+(.+)$/m.exec(content)
   if (match) return match[1]!
@@ -111,9 +115,14 @@ const articles = defineCollection({
     const title = doc.title ?? extractTitle(content, doc._meta.path)
     const icon = doc.icon ?? pickDefaultIcon(doc._meta.path)
     const path = doc.path ?? toPath(doc._meta.filePath)
+    // The article's h1 is rendered from `title` by the layout, so strip any
+    // leading h1 in the body to avoid two h1s side-by-side (especially when
+    // a content patch overrides the title to something different from the
+    // body's own heading).
+    const bodyContent = stripLeadingH1(content)
     const mdx = await compileMDX(
       context,
-      { ...doc, content },
+      { ...doc, content: bodyContent },
       {
         remarkPlugins: [
           remarkGfm,

package/{build/website → source}/elements/accordion.tsx

@@ -1,7 +1,7 @@
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
   return (

package/{build/website → source}/elements/alert-dialog.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 
 function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {

package/{build/website → source}/elements/alert.tsx

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 const alertVariants = cva(
   "grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",

package/{build/website → source}/elements/aspect-ratio.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function AspectRatio({
   ratio,

package/{build/website → source}/elements/avatar.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Avatar({
   className,

package/{build/website → source}/elements/badge.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 const badgeVariants = cva(
   "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge",

package/{build/website → source}/elements/breadcrumb.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
   return (

package/{build/website → source}/elements/button-group.tsx

@@ -2,7 +2,7 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Separator } from "./separator.tsx"
 
 const buttonGroupVariants = cva(

package/{build/website → source}/elements/button.tsx

@@ -1,6 +1,6 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 const buttonVariants = cva(
   "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",

package/{build/website → source}/elements/calendar.tsx

@@ -11,7 +11,7 @@ import {
   ChevronRightIcon,
 } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button, buttonVariants } from "./button.tsx"
 
 function Calendar({

package/{build/website → source}/elements/card.tsx

@@ -1,5 +1,5 @@
 import type * as React from "react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Card({
   className,

package/{build/website → source}/elements/carousel.tsx

@@ -4,7 +4,7 @@ import useEmblaCarousel, {
 } from "embla-carousel-react"
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 
 type CarouselApi = UseEmblaCarouselType[1]

package/{build/website → source}/elements/chart.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as RechartsPrimitive from "recharts"
 import type { TooltipValueType } from "recharts"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const

package/{build/website → source}/elements/checkbox.tsx

@@ -1,7 +1,7 @@
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 import { CheckIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
   return (

package/{build/website → source}/elements/command.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Command as CommandPrimitive } from "cmdk"
 import { CheckIcon, SearchIcon, XIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import {
   Dialog,
   DialogContent,

package/{build/website → source}/elements/context-menu.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
   return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />

package/{build/website → source}/elements/dialog.tsx

@@ -1,6 +1,6 @@
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
 import { XIcon } from "lucide-react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 
 function Dialog({ ...props }: DialogPrimitive.Root.Props) {

package/{build/website → source}/elements/drawer.tsx

@@ -1,5 +1,5 @@
 import { Drawer as DrawerPrimitive } from "vaul"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Drawer({
   ...props

package/{build/website → source}/elements/dropdown-menu.tsx

@@ -1,6 +1,6 @@
 import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {
   return <MenuPrimitive.Root data-slot="dropdown-menu" {...props} />

package/{build/website → source}/elements/empty.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/{build/website → source}/elements/field.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority"
 import { useMemo } from "react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Label } from "./label.tsx"
 import { Separator } from "./separator.tsx"
 

package/{build/website → source}/elements/hover-card.tsx

@@ -1,6 +1,6 @@
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {
   return <PreviewCardPrimitive.Root data-slot="hover-card" {...props} />

package/{build/website → source}/elements/input-group.tsx

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 import { Input } from "./input.tsx"
 import { Textarea } from "./textarea.tsx"

package/{build/website → source}/elements/input-otp.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { OTPInput, OTPInputContext } from "input-otp"
 import { MinusIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function InputOTP({
   className,

package/{build/website → source}/elements/input.tsx

@@ -1,5 +1,5 @@
 import { Input as InputPrimitive } from "@base-ui/react/input"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

package/{build/website → source}/elements/item.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Separator } from "./separator.tsx"
 
 function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {

package/{build/website → source}/elements/kbd.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
   return (

package/{build/website → source}/elements/label.tsx

@@ -1,5 +1,5 @@
 // biome-ignore-all lint: shadcn
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Label({ className, ...props }: React.ComponentProps<"label">) {
   return (

package/{build/website → source}/elements/menubar.tsx

@@ -3,7 +3,7 @@ import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar"
 import { CheckIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import {
   DropdownMenu,
   DropdownMenuContent,

package/{build/website → source}/elements/native-select.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { ChevronDownIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
   size?: "sm" | "default"

package/{build/website → source}/elements/navigation-menu.tsx

@@ -2,7 +2,7 @@ import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/naviga
 import { cva } from "class-variance-authority"
 import { ChevronDownIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function NavigationMenu({
   align = "start",

package/{build/website → source}/elements/pagination.tsx

@@ -5,7 +5,7 @@ import {
   MoreHorizontalIcon,
 } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {

package/{build/website → source}/elements/popover.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Popover({ ...props }: PopoverPrimitive.Root.Props) {
   return <PopoverPrimitive.Root data-slot="popover" {...props} />

package/{build/website → source}/elements/progress.tsx

@@ -1,6 +1,6 @@
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Progress({
   className,

package/{build/website → source}/elements/radio-group.tsx

@@ -1,7 +1,7 @@
 import { Radio as RadioPrimitive } from "@base-ui/react/radio"
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {
   return (

package/{build/website → source}/elements/resizable.tsx

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function ResizablePanelGroup({
   className,

package/{build/website → source}/elements/scroll-area.tsx

@@ -1,5 +1,5 @@
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function ScrollArea({
   className,

package/{build/website → source}/elements/select.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Select as SelectPrimitive } from "@base-ui/react/select"
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 const Select = SelectPrimitive.Root
 

package/{build/website → source}/elements/separator.tsx

@@ -1,5 +1,5 @@
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Separator({
   className,

package/{build/website → source}/elements/sheet.tsx

@@ -1,6 +1,6 @@
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"
 import { XIcon } from "lucide-react"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { Button } from "./button.tsx"
 
 function Sheet({ ...props }: SheetPrimitive.Root.Props) {

package/{build/website → source}/elements/sidebar.tsx

@@ -4,8 +4,8 @@ import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 import { Menu } from "lucide-react"
 import * as React from "react"
-import { cn } from "../helpers/style.ts"
-import { useIsMobile } from "../hooks/media.ts"
+import { cn } from "../utils/style.ts"
+import { isMobileNow, useIsMobile } from "../hooks/media.ts"
 import { Button } from "./button.tsx"
 import { Input } from "./input.tsx"
 import { Separator } from "./separator.tsx"
@@ -83,9 +83,12 @@ function SidebarProvider({
   )
 
   // Helper to toggle the sidebar.
+  // Reads matchMedia synchronously instead of relying on `isMobile` React
+  // state, which can be momentarily stale on the first click after a
+  // SidebarProvider key remount (e.g. landing → article navigation).
   const toggleSidebar = React.useCallback(() => {
-    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open)
-  }, [isMobile, setOpen, setOpenMobile])
+    return isMobileNow() ? setOpenMobile(open => !open) : setOpen(open => !open)
+  }, [setOpen, setOpenMobile])
 
   // Adds a keyboard shortcut to toggle the sidebar.
   React.useEffect(() => {

package/{build/website → source}/elements/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/{build/website → source}/elements/slider.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Slider as SliderPrimitive } from "@base-ui/react/slider"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Slider({
   className,

package/{build/website → source}/elements/spinner.tsx

@@ -1,6 +1,6 @@
 import { Loader2Icon } from "lucide-react"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
   return (

package/{build/website → source}/elements/switch.tsx

@@ -1,6 +1,6 @@
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Switch({
   className,

package/{build/website → source}/elements/table.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (

package/{build/website → source}/elements/tabs.tsx

@@ -1,6 +1,6 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Tabs({
   className,

package/{build/website → source}/elements/textarea.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (

package/{build/website → source}/elements/toggle-group.tsx

@@ -3,7 +3,7 @@ import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group"
 import { type VariantProps } from "class-variance-authority"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 import { toggleVariants } from "./toggle.tsx"
 
 const ToggleGroupContext = React.createContext<

package/{build/website → source}/elements/toggle.tsx

@@ -1,7 +1,7 @@
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 const toggleVariants = cva(
   "group/toggle inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",

package/{build/website → source}/elements/tooltip.tsx

@@ -1,5 +1,5 @@
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
-import { cn } from "../helpers/style.ts"
+import { cn } from "../utils/style.ts"
 
 function TooltipProvider({
   delay = 0,

package/source/entrypoints/main.ts

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+process.removeAllListeners("warning")
+process.on("warning", warning => {
+  if (warning.name === "ExperimentalWarning") {
+    return
+  }
+  console.warn(warning)
+})
+
+const { program } = await import("../program.ts")
+program.parse()