raft-ui 0.0.4 → 0.0.6

package/src/index.ts

@@ -1,8 +1,8 @@
-export { Button, buttonVariants } from "./components/button/index.ts";
-export type { ButtonProps } from "./components/button/index.ts";
+export { Button, buttonVariants } from "./components/button/index";
+export type { ButtonProps } from "./components/button/index";
 
-export { Checkbox } from "./components/checkbox/index.ts";
-export type { CheckboxProps } from "./components/checkbox/index.ts";
+export { Checkbox } from "./components/checkbox/index";
+export type { CheckboxProps } from "./components/checkbox/index";
 
 export {
   ContextMenu,
@@ -20,7 +20,7 @@ export {
   ContextMenuSubmenu,
   ContextMenuSubmenuTrigger,
   ContextMenuTrigger,
-} from "./components/context-menu/index.ts";
+} from "./components/context-menu/index";
 export type {
   ContextMenuCheckboxItemIndicatorProps,
   ContextMenuCheckboxItemProps,
@@ -37,7 +37,7 @@ export type {
   ContextMenuSubmenuProps,
   ContextMenuSubmenuTriggerProps,
   ContextMenuTriggerProps,
-} from "./components/context-menu/index.ts";
+} from "./components/context-menu/index";
 
 export {
   DropdownMenu,
@@ -57,7 +57,7 @@ export {
   DropdownMenuSubmenu,
   DropdownMenuSubmenuTrigger,
   DropdownMenuTrigger,
-} from "./components/dropdown-menu/index.ts";
+} from "./components/dropdown-menu/index";
 export type {
   DropdownMenuCheckboxItemIndicatorProps,
   DropdownMenuCheckboxItemProps,
@@ -76,7 +76,7 @@ export type {
   DropdownMenuSubmenuProps,
   DropdownMenuSubmenuTriggerProps,
   DropdownMenuTriggerProps,
-} from "./components/dropdown-menu/index.ts";
+} from "./components/dropdown-menu/index";
 
 export {
   Tooltip,
@@ -84,14 +84,14 @@ export {
   TooltipPortal,
   TooltipProvider,
   TooltipTrigger,
-} from "./components/tooltip/index.ts";
+} from "./components/tooltip/index";
 export type {
   TooltipContentProps,
   TooltipPortalProps,
   TooltipProps,
   TooltipProviderProps,
   TooltipTriggerProps,
-} from "./components/tooltip/index.ts";
+} from "./components/tooltip/index";
 
 export {
   Popover,
@@ -107,7 +107,7 @@ export {
   PopoverTitle,
   PopoverTrigger,
   PopoverViewport,
-} from "./components/popover/index.ts";
+} from "./components/popover/index";
 export type {
   PopoverArrowProps,
   PopoverBackdropProps,
@@ -122,18 +122,18 @@ export type {
   PopoverTitleProps,
   PopoverTriggerProps,
   PopoverViewportProps,
-} from "./components/popover/index.ts";
+} from "./components/popover/index";
 
-export { Label, LabelAsterisk, LabelOptional, LabelSub } from "./components/label/index.ts";
+export { Label, LabelAsterisk, LabelOptional, LabelSub } from "./components/label/index";
 export type {
   LabelAsteriskProps,
   LabelOptionalProps,
   LabelProps,
   LabelSubProps,
-} from "./components/label/index.ts";
+} from "./components/label/index";
 
-export { Input } from "./components/input/index.ts";
-export type { InputProps } from "./components/input/index.ts";
+export { Input } from "./components/input/index";
+export type { InputProps } from "./components/input/index";
 
 export {
   Field,
@@ -143,7 +143,7 @@ export {
   FieldItem,
   FieldLabel,
   FieldValidity,
-} from "./components/field/index.ts";
+} from "./components/field/index";
 export type {
   FieldControlProps,
   FieldDescriptionProps,
@@ -152,15 +152,15 @@ export type {
   FieldLabelProps,
   FieldProps,
   FieldValidityProps,
-} from "./components/field/index.ts";
+} from "./components/field/index";
 
-export { InputGroup, InputGroupAddon, InputGroupInput } from "./components/input-group/index.ts";
+export { InputGroup, InputGroupAddon, InputGroupInput } from "./components/input-group/index";
 export type {
   InputGroupAddonProps,
   InputGroupAddonTextProps,
   InputGroupInputProps,
   InputGroupProps,
-} from "./components/input-group/index.ts";
+} from "./components/input-group/index";
 
 export {
   Combobox,
@@ -188,7 +188,7 @@ export {
   ComboboxTrigger,
   ComboboxTriggerIndicator,
   ComboboxValue,
-} from "./components/combobox/index.ts";
+} from "./components/combobox/index";
 export type {
   ComboboxChipProps,
   ComboboxChipRemoveProps,
@@ -215,7 +215,7 @@ export type {
   ComboboxTriggerIndicatorProps,
   ComboboxTriggerProps,
   ComboboxValueProps,
-} from "./components/combobox/index.ts";
+} from "./components/combobox/index";
 
 export {
   Select,
@@ -236,7 +236,7 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-} from "./components/select/index.ts";
+} from "./components/select/index";
 export type {
   SelectArrowProps,
   SelectContentProps,
@@ -256,37 +256,37 @@ export type {
   SelectSeparatorProps,
   SelectTriggerProps,
   SelectValueProps,
-} from "./components/select/index.ts";
+} from "./components/select/index";
 
-export { RadioGroup, RadioGroupIndicator, RadioGroupItem } from "./components/radio-group/index.ts";
+export { RadioGroup, RadioGroupIndicator, RadioGroupItem } from "./components/radio-group/index";
 export type {
   RadioGroupIndicatorProps,
   RadioGroupItemProps,
   RadioGroupProps,
-} from "./components/radio-group/index.ts";
+} from "./components/radio-group/index";
 
 export {
   SegmentedControl,
   SegmentedControlCount,
   SegmentedControlItem,
   SegmentedControlLabel,
-} from "./components/segmented-control/index.ts";
+} from "./components/segmented-control/index";
 export type {
   SegmentedControlCountProps,
   SegmentedControlItemProps,
   SegmentedControlLabelProps,
   SegmentedControlProps,
-} from "./components/segmented-control/index.ts";
+} from "./components/segmented-control/index";
 
-export { Textarea, TextareaCounter, TextareaGroup } from "./components/textarea/index.ts";
+export { Textarea, TextareaCounter, TextareaGroup } from "./components/textarea/index";
 export type {
   TextareaCounterProps,
   TextareaGroupProps,
   TextareaProps,
-} from "./components/textarea/index.ts";
+} from "./components/textarea/index";
 
-export { Badge } from "./components/badge/index.ts";
-export type { BadgeProps } from "./components/badge/index.ts";
+export { Badge } from "./components/badge/index";
+export type { BadgeProps } from "./components/badge/index";
 
 export {
   Avatar,
@@ -296,7 +296,7 @@ export {
   AvatarGroupCount,
   AvatarImage,
   type AvatarSize,
-} from "./components/avatar/index.ts";
+} from "./components/avatar/index";
 export type {
   AvatarBadgeProps,
   AvatarFallbackProps,
@@ -304,31 +304,31 @@ export type {
   AvatarGroupProps,
   AvatarImageProps,
   AvatarProps,
-} from "./components/avatar/index.ts";
+} from "./components/avatar/index";
 
-export { InlineCode } from "./components/inline-code/index.ts";
-export type { InlineCodeProps } from "./components/inline-code/index.ts";
+export { InlineCode } from "./components/inline-code/index";
+export type { InlineCodeProps } from "./components/inline-code/index";
 
-export { Kbd, KbdGroup } from "./components/kbd/index.ts";
-export type { KbdGroupProps, KbdProps } from "./components/kbd/index.ts";
+export { Kbd, KbdGroup } from "./components/kbd/index";
+export type { KbdGroupProps, KbdProps } from "./components/kbd/index";
 
-export { Text, TextHeading, TextMono, TextSans } from "./components/text/index.ts";
-export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./components/text/index.ts";
+export { Text, TextHeading, TextMono, TextSans } from "./components/text/index";
+export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./components/text/index";
 
-export { Status } from "./components/status/index.ts";
-export type { StatusProps } from "./components/status/index.ts";
+export { Status } from "./components/status/index";
+export type { StatusProps } from "./components/status/index";
 
-export { Spinner } from "./components/spinner/index.ts";
-export type { SpinnerProps } from "./components/spinner/index.ts";
+export { Spinner } from "./components/spinner/index";
+export type { SpinnerProps } from "./components/spinner/index";
 
-export { Banner, BannerAction, BannerDescription, BannerTitle } from "./components/banner/index.ts";
+export { Banner, BannerAction, BannerDescription, BannerTitle } from "./components/banner/index";
 export type {
   BannerActionProps,
   BannerDescriptionProps,
   BannerProps,
   BannerStatus,
   BannerTitleProps,
-} from "./components/banner/index.ts";
+} from "./components/banner/index";
 
 export {
   EmptyState,
@@ -337,7 +337,7 @@ export {
   EmptyStateDescription,
   EmptyStateIcon,
   EmptyStateTitle,
-} from "./components/empty-state/index.ts";
+} from "./components/empty-state/index";
 export type {
   EmptyStateActionsProps,
   EmptyStateContentProps,
@@ -345,7 +345,7 @@ export type {
   EmptyStateIconProps,
   EmptyStateProps,
   EmptyStateTitleProps,
-} from "./components/empty-state/index.ts";
+} from "./components/empty-state/index";
 
 export {
   NotificationCenter,
@@ -365,7 +365,7 @@ export {
   NotificationCenterScroller,
   NotificationCenterTitle,
   NotificationCenterTrigger,
-} from "./components/notification-center/index.ts";
+} from "./components/notification-center/index";
 export type {
   NotificationCenterActionButtonProps,
   NotificationCenterCountProps,
@@ -385,7 +385,7 @@ export type {
   NotificationCenterScrollerProps,
   NotificationCenterTitleProps,
   NotificationCenterTriggerProps,
-} from "./components/notification-center/index.ts";
+} from "./components/notification-center/index";
 
 export {
   SortableTabsList,
@@ -398,7 +398,7 @@ export {
   TabsPanel,
   TabsTab,
   useOrderedTabs,
-} from "./components/tabs/index.ts";
+} from "./components/tabs/index";
 export type {
   OrderedTabItem,
   SortableTabsListProps,
@@ -410,12 +410,15 @@ export type {
   TabsPanelProps,
   TabsProps,
   TabsTabProps,
-} from "./components/tabs/index.ts";
+} from "./components/tabs/index";
 
-export { cn } from "./lib/cn.ts";
-export { ThemeProvider } from "./lib/theme/theme-provider.tsx";
-export type { ThemeProviderProps } from "./lib/theme/theme-provider.tsx";
-export { useTheme, useThemeFamily } from "./lib/theme/use-theme.ts";
+export { Separator } from "./components/separator/index";
+export type { SeparatorProps } from "./components/separator/index";
+
+export { cn } from "./lib/cn";
+export { ThemeProvider } from "./lib/theme/theme-provider";
+export type { ThemeProviderProps } from "./lib/theme/theme-provider";
+export { useTheme, useThemeFamily } from "./lib/theme/use-theme";
 export type {
   ResolvedThemeMode,
   SetTheme,
@@ -423,4 +426,4 @@ export type {
   Theme,
   ThemeMode,
   ThemeState,
-} from "./lib/theme/theme-context.ts";
+} from "./lib/theme/theme-context";

package/src/legacy/AvatarListRow.tsx

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import SurfaceListItem from "./SurfaceListItem.tsx";
+import SurfaceListItem from "./SurfaceListItem";
 
 export interface AvatarListRowProps {
   avatar: ReactNode;

package/src/legacy/Checkbox.tsx

@@ -22,7 +22,7 @@
 // and forcing one row layout would just push complexity into props.
 
 import type { InputHTMLAttributes } from "react";
-import CheckMarker, { type CheckMarkerSize } from "./CheckMarker.tsx";
+import CheckMarker, { type CheckMarkerSize } from "./CheckMarker";
 
 type Size = Extract<CheckMarkerSize, "sm" | "md">;
 

package/src/legacy/ConversationPreviewCard.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import type { MouseEvent, ReactNode } from "react";
-import AvatarSlot from "./AvatarSlot.tsx";
+import AvatarSlot from "./AvatarSlot";
 
 type ConversationAuthor =
   | {

package/src/legacy/DismissBackdrop.tsx

@@ -1,6 +1,6 @@
 import type { MouseEvent } from "react";
 import { Dialog } from "@base-ui/react/dialog";
-import { tv } from "../lib/tv.ts";
+import { tv } from "../lib/tv";
 
 const dismissBackdrop = tv({
   slots: {

package/src/legacy/ExperimentalBadge.tsx

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from "react";
-import { Badge } from "./Badge.tsx";
+import { Badge } from "./Badge";
 
 export interface ExperimentalBadgeProps extends HTMLAttributes<HTMLSpanElement> {
   // Callers can add positional tweaks (e.g. `-translate-y-px` inside a

package/src/legacy/NotificationCenter.tsx

@@ -1,7 +1,7 @@
 import { forwardRef, useEffect, type HTMLAttributes, type ReactNode } from "react";
 import { AlertTriangle, CheckCircle2, Info } from "lucide-react";
-import EmptyState from "./EmptyState.tsx";
-import SectionEyebrow from "./SectionEyebrow.tsx";
+import EmptyState from "./EmptyState";
+import SectionEyebrow from "./SectionEyebrow";
 
 export type NotificationCenterKind = "error" | "warning" | "info" | "success";
 export type NotificationCenterViewport = "desktop" | "mobile";

package/src/legacy/PanelHeader.tsx

@@ -1,6 +1,6 @@
 import { ArrowLeft } from "lucide-react";
 import type { HTMLAttributes, ReactNode } from "react";
-import Button from "./button.tsx";
+import Button from "./button";
 
 type DivPassthroughProps = HTMLAttributes<HTMLDivElement> &
   Record<`data-${string}`, string | undefined>;

package/src/legacy/QuotedMessageCard.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Hash, MessageSquare } from "lucide-react";
-import AvatarSlot from "./AvatarSlot.tsx";
+import AvatarSlot from "./AvatarSlot";
 
 export interface QuotedMessageCardProps {
   channelName: string;

package/src/legacy/ReorderablePanelTabs.tsx

@@ -131,7 +131,12 @@ export default function ReorderablePanelTabs<T extends string>({
 
   return (
     <div className="overflow-x-auto border-b-2 border-black bg-white scrollbar-none">
-      <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
+      <DndContext
+        autoScroll={false}
+        sensors={sensors}
+        collisionDetection={closestCenter}
+        onDragEnd={handleDragEnd}
+      >
         <SortableContext items={tabIds} strategy={horizontalListSortingStrategy}>
           <div className="flex min-w-max">
             {tabs.map((tab) => (

package/src/legacy/SectionHeader.tsx

@@ -30,7 +30,7 @@
  */
 
 import type { ReactNode } from "react";
-import SectionEyebrow from "./SectionEyebrow.tsx";
+import SectionEyebrow from "./SectionEyebrow";
 
 export type SectionHeaderProps = {
   label: ReactNode;

package/src/legacy/Spinner.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { cn } from "../lib/cn.ts";
+import { cn } from "../lib/cn";
 
 type SpinnerSize = "sm" | "lg";
 

package/src/legacy/SurfaceListItem.tsx

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import { cn } from "../lib/cn.ts";
+import { cn } from "../lib/cn";
 
 export default function SurfaceListItem({
   children,

package/src/legacy/selection-popover.tsx

@@ -1,8 +1,8 @@
 import type { KeyboardEvent, ReactNode } from "react";
 import { Button as BaseButton } from "@base-ui/react/button";
 import { Check } from "lucide-react";
-import { tv } from "../lib/tv.ts";
-import { useThemeFamily } from "../lib/theme/use-theme.ts";
+import { tv } from "../lib/tv";
+import { useThemeFamily } from "../lib/theme/use-theme";
 
 // Single-select popover content: a header, an optional search box, and a list of
 // checkable rows (the trailing ✓ is the selected indicator; hover is the shared

package/src/legacy/server-switcher-menu.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useRef, type ComponentPropsWithRef, type ReactNode } from "react";
 import { Button as BaseButton } from "@base-ui/react/button";
 import { Check, Plus } from "lucide-react";
-import { tv } from "../lib/tv.ts";
-import { useThemeFamily } from "../lib/theme/use-theme.ts";
+import { tv } from "../lib/tv";
+import { useThemeFamily } from "../lib/theme/use-theme";
 
 // "Switch server" dropdown content: joined servers + join-community actions + a
 // "switch or create" action. App-domain data and navigation stay caller-owned,

package/src/lib/theme/theme-provider.tsx

@@ -17,7 +17,7 @@ import {
   type Theme,
   type ThemeState,
   type ThemeMode,
-} from "./theme-context.ts";
+} from "./theme-context";
 
 export interface ThemeProviderProps {
   /**

package/src/lib/theme/use-theme.ts

@@ -1,5 +1,5 @@
 import { use } from "react";
-import { ThemeContext, ThemeStateContext, type Theme, type ThemeState } from "./theme-context.ts";
+import { ThemeContext, ThemeStateContext, type Theme, type ThemeState } from "./theme-context";
 
 /** Read the active style family for theme-aware component recipes. */
 export function useThemeFamily(): Theme {

package/src/styles.css

@@ -1,5 +1,4 @@
-@import "tailwindcss";
-@import "./fonts/brutal.css";
+@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300..700&family=Hanken+Grotesk:wght@300..700&display=swap");
 
 /* Pure token contract. No legacy action/surface/destructive/component aliases. */
 
@@ -303,9 +302,9 @@
   --theme-shadow-lg: 4px 4px 0px var(--color-black);
   --theme-shadow-xl: 6px 6px 0px var(--line-strong);
 
-  --heading-font: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;
-  --sans-font: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;
-  --mono-font: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
+  --heading-font: "Hanken Grotesk", system-ui, sans-serif;
+  --sans-font: "Hanken Grotesk", system-ui, sans-serif;
+  --mono-font: "Geist Mono", ui-monospace, monospace;
 }
 
 [data-theme="elegant"] {
@@ -408,7 +407,7 @@
 
   --heading-font: "Inter", system-ui, sans-serif;
   --sans-font: "Geist", system-ui, sans-serif;
-  --mono-font: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
+  --mono-font: "Geist Mono", ui-monospace, monospace;
 }
 
 @media (prefers-color-scheme: dark) {