raft-ui 0.0.5 → 0.0.6

package/src/components/spinner/spinner.tsx

@@ -1,8 +1,8 @@
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-import type { WithoutChildren } from "../../lib/without-children.ts";
+import { tv, type VariantProps } from "../../lib/tv";
+import { useThemeFamily } from "../../lib/theme/use-theme";
+import type { WithoutChildren } from "../../lib/without-children";
 
 const BRAILLE_SPINNER_STYLE = `
 @keyframes raft-braille-spinner {

package/src/components/status/index.ts

@@ -1,2 +1,2 @@
-export { Status } from "./status.tsx";
-export type { StatusProps } from "./status.tsx";
+export { Status } from "./status";
+export type { StatusProps } from "./status";

package/src/components/status/status.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
+import { tv, type VariantProps } from "../../lib/tv";
+import { useThemeFamily } from "../../lib/theme/use-theme";
 
 const STATUS_STYLE = `
 @keyframes raft-status-pulse-background {

package/src/components/tabs/index.ts

@@ -9,7 +9,7 @@ export {
   SortableTabsList,
   SortableTabsTab,
   useOrderedTabs,
-} from "./tabs.tsx";
+} from "./tabs";
 export type {
   OrderedTabItem,
   SortableTabsListProps,
@@ -21,4 +21,4 @@ export type {
   TabsPanelProps,
   TabsProps,
   TabsTabProps,
-} from "./tabs.tsx";
+} from "./tabs";

package/src/components/tabs/tabs.tsx

@@ -24,9 +24,9 @@ import {
   SortableContext,
   useSortable,
 } from "@dnd-kit/sortable";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
+import { tv, type VariantProps } from "../../lib/tv";
+import type { StyledProps } from "../../lib/styled-props";
+import { useThemeFamily } from "../../lib/theme/use-theme";
 
 const tabs = tv({
   slots: {

package/src/components/text/index.ts

@@ -1,2 +1,2 @@
-export { Text, TextHeading, TextMono, TextSans } from "./text.tsx";
-export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./text.tsx";
+export { Text, TextHeading, TextMono, TextSans } from "./text";
+export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./text";

package/src/components/text/text.tsx

@@ -1,6 +1,6 @@
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { tv, type VariantProps } from "../../lib/tv.ts";
+import { tv, type VariantProps } from "../../lib/tv";
 
 const textColorVariants = {
   default: ["text-foreground-strong"],

package/src/components/textarea/index.ts

@@ -1,2 +1,2 @@
-export { Textarea, TextareaCounter, TextareaGroup } from "./textarea.tsx";
-export type { TextareaCounterProps, TextareaGroupProps, TextareaProps } from "./textarea.tsx";
+export { Textarea, TextareaCounter, TextareaGroup } from "./textarea";
+export type { TextareaCounterProps, TextareaGroupProps, TextareaProps } from "./textarea";

package/src/components/textarea/textarea.tsx

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithRef } from "react";
-import { tv } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-import type { WithoutChildren } from "../../lib/without-children.ts";
+import { tv } from "../../lib/tv";
+import { useThemeFamily } from "../../lib/theme/use-theme";
+import type { WithoutChildren } from "../../lib/without-children";
 
 const textarea = tv({
   slots: {

package/src/components/toggle-group/index.ts

@@ -1,12 +1,7 @@
-export {
-  ToggleGroup,
-  ToggleGroupCount,
-  ToggleGroupItem,
-  ToggleGroupLabel,
-} from "./toggle-group.tsx";
+export { ToggleGroup, ToggleGroupCount, ToggleGroupItem, ToggleGroupLabel } from "./toggle-group";
 export type {
   ToggleGroupCountProps,
   ToggleGroupItemProps,
   ToggleGroupLabelProps,
   ToggleGroupProps,
-} from "./toggle-group.tsx";
+} from "./toggle-group";

package/src/components/toggle-group/toggle-group.tsx

@@ -1,9 +1,9 @@
 import type { ComponentPropsWithRef } from "react";
 import { Toggle as BaseToggle } from "@base-ui/react/toggle";
 import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
+import { tv, type VariantProps } from "../../lib/tv";
+import type { StyledProps } from "../../lib/styled-props";
+import { useThemeFamily } from "../../lib/theme/use-theme";
 
 const toggleGroup = tv({
   slots: {

package/src/components/tooltip/index.ts

@@ -1,14 +1,8 @@
-export {
-  Tooltip,
-  TooltipContent,
-  TooltipPortal,
-  TooltipProvider,
-  TooltipTrigger,
-} from "./tooltip.tsx";
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from "./tooltip";
 export type {
   TooltipContentProps,
   TooltipPortalProps,
   TooltipProps,
   TooltipProviderProps,
   TooltipTriggerProps,
-} from "./tooltip.tsx";
+} from "./tooltip";

package/src/components/tooltip/tooltip.tsx

@@ -1,8 +1,8 @@
 import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
 import type { ComponentProps } from "react";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
+import { tv, type VariantProps } from "../../lib/tv";
+import type { StyledProps } from "../../lib/styled-props";
+import { useThemeFamily } from "../../lib/theme/use-theme";
 
 const tooltip = tv({
   slots: {

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/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 {