raft-ui 0.0.1 → 0.0.4

package/dist/index.d.mts

@@ -9,6 +9,7 @@ import { Menu } from "@base-ui/react/menu";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { Input as Input$1 } from "@base-ui/react/input";
+import { Field as Field$1 } from "@base-ui/react/field";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Radio } from "@base-ui/react/radio";
@@ -988,6 +989,134 @@ declare function Input({
   ...props
 }: InputProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/field/field.d.ts
+declare const field: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, undefined, unknown, unknown, undefined>>;
+type FieldProps = StyledProps<Field$1.Root.Props>;
+declare function Field({
+  className,
+  ...props
+}: FieldProps): import("react").JSX.Element;
+type FieldItemProps = StyledProps<Field$1.Item.Props>;
+declare function FieldItem({
+  className,
+  ...props
+}: FieldItemProps): import("react").JSX.Element;
+type LabelMarker = {
+  required?: boolean;
+  optional?: never;
+} | {
+  optional?: boolean;
+  required?: never;
+};
+type FieldLabelProps = StyledProps<Field$1.Label.Props> & Omit<VariantProps<typeof field>, "theme"> & LabelMarker;
+declare function FieldLabel({
+  size,
+  required,
+  optional,
+  className,
+  children,
+  ...props
+}: FieldLabelProps): import("react").JSX.Element;
+type FieldDescriptionProps = StyledProps<Field$1.Description.Props>;
+declare function FieldDescription({
+  className,
+  ...props
+}: FieldDescriptionProps): import("react").JSX.Element;
+type FieldErrorProps = StyledProps<Field$1.Error.Props>;
+declare function FieldError({
+  className,
+  role,
+  ...props
+}: FieldErrorProps): import("react").JSX.Element;
+type FieldControlProps = Field$1.Control.Props;
+declare function FieldControl(props: FieldControlProps): import("react").JSX.Element;
+type FieldValidityProps = Field$1.Validity.Props;
+declare function FieldValidity(props: FieldValidityProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/input-group/input-group.d.ts
 declare const inputGroup: import("tailwind-variants/lite").TVReturnType<{
   theme: {
@@ -1727,6 +1856,199 @@ declare function InlineCode({
   ...props
 }: InlineCodeProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/text/text.d.ts
+declare const heading: import("tailwind-variants/lite").TVReturnType<{
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const sans: import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const mono: import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type TextHeadingProps = useRender.ComponentProps<"h1"> & VariantProps<typeof heading>;
+declare function TextHeading({
+  level,
+  variant,
+  className,
+  render,
+  ...props
+}: TextHeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TextSansProps = useRender.ComponentProps<"p"> & VariantProps<typeof sans>;
+declare function TextSans({
+  size,
+  variant,
+  className,
+  render,
+  ...props
+}: TextSansProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TextMonoProps = useRender.ComponentProps<"p"> & VariantProps<typeof mono>;
+declare function TextMono({
+  size,
+  variant,
+  className,
+  render,
+  ...props
+}: TextMonoProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare const Text: {
+  Heading: typeof TextHeading;
+  Sans: typeof TextSans;
+  Mono: typeof TextMono;
+};
+//#endregion
 //#region src/components/status/status.d.ts
 declare const status$1: import("tailwind-variants/lite").TVReturnType<{
   theme: {
@@ -2707,4 +3029,4 @@ declare function useThemeFamily(): Theme;
 /** Read and update the application-level RUI theme selection. */
 declare function useTheme(): ThemeState;
 //#endregion
-export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SetTheme, type SetThemeOptions, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };
+export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SetTheme, type SetThemeOptions, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as useTheme, c as ThemeStateContext, i as LabelSub, l as tv, n as LabelAsterisk, o as useThemeFamily, r as LabelOptional, s as ThemeContext, t as Label } from "./label-DWq4ia5I.mjs";
+import { a as tv, i as ThemeStateContext, n as useThemeFamily, r as ThemeContext, t as useTheme } from "./use-theme-Y_h1DKll.mjs";
 import { cn } from "./cn.mjs";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { createContext, use, useCallback, useEffect, useId, useMemo, useState, useSyncExternalStore } from "react";
@@ -12,6 +12,7 @@ import { Menu } from "@base-ui/react/menu";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { Input as Input$1 } from "@base-ui/react/input";
+import { Field as Field$1 } from "@base-ui/react/field";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Radio } from "@base-ui/react/radio";
@@ -2166,6 +2167,84 @@ function PopoverBackdrop({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/label/label.tsx
+const label = tv({
+	slots: {
+		root: [
+			"group/label inline-flex w-fit items-center gap-1",
+			"cursor-pointer select-none",
+			"text-sm leading-none",
+			"aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled"
+		],
+		asterisk: ["text-accent-400", "group-aria-disabled/label:text-foreground-disabled"],
+		sub: ["font-normal normal-case", "group-aria-disabled/label:text-foreground-disabled"]
+	},
+	variants: {
+		theme: {
+			brutal: {
+				root: "font-bold text-foreground-strong",
+				sub: "font-bold tracking-wide text-black/40"
+			},
+			elegant: {
+				root: "font-medium text-foreground",
+				sub: "text-foreground/40"
+			}
+		},
+		size: {
+			sm: { root: "text-xs" },
+			md: { root: "text-sm" }
+		}
+	},
+	defaultVariants: { size: "md" }
+});
+function LabelRoot({ size, disabled, className, render, ...props }) {
+	const { root } = label({
+		theme: useThemeFamily(),
+		size
+	});
+	return useRender({
+		defaultTagName: "label",
+		render,
+		props: mergeProps({
+			"aria-disabled": disabled ? true : void 0,
+			className: root({ className })
+		}, props),
+		state: {
+			slot: "label",
+			disabled: disabled ?? false
+		}
+	});
+}
+function LabelAsterisk({ className, children = "*", ...props }) {
+	const { asterisk } = label({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "label-asterisk",
+		className: asterisk({ className }),
+		...props,
+		children
+	});
+}
+function LabelSub({ className, ...props }) {
+	const { sub } = label({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "label-sub",
+		className: sub({ className }),
+		...props
+	});
+}
+function LabelOptional({ children = "(optional)", ...props }) {
+	return /* @__PURE__ */ jsx(LabelSub, {
+		"data-slot": "label-optional",
+		...props,
+		children
+	});
+}
+const Label = Object.assign(LabelRoot, {
+	Asterisk: LabelAsterisk,
+	Optional: LabelOptional,
+	Sub: LabelSub
+});
+//#endregion
 //#region src/components/input/input.tsx
 const input = tv({
 	slots: { root: ["w-full px-3 py-2 font-heading outline-none"] },
@@ -2209,6 +2288,100 @@ function Input({ suppressPasswordManager, className, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/field/field.tsx
+const field = tv({
+	slots: {
+		root: ["group/field flex flex-col gap-1.5"],
+		item: ["group/field-item flex items-start gap-2", "[&>[data-slot=checkbox]]:mt-px"],
+		label: ["block leading-none", "group-data-[disabled]/field:text-foreground-disabled"],
+		description: ["text-xs leading-5", "group-data-[disabled]/field:text-foreground-disabled"],
+		error: ["text-xs leading-5", "group-data-[disabled]/field:text-foreground-disabled"]
+	},
+	variants: {
+		theme: {
+			brutal: {
+				root: ["gap-1"],
+				label: ["font-bold text-foreground-strong"],
+				description: ["text-foreground/50"],
+				error: ["text-danger-base"]
+			},
+			elegant: {
+				label: ["font-medium text-foreground"],
+				description: ["text-[13px] text-[oklch(0.48_0_0)] dark:text-[oklch(0.76_0_0)]", "group-data-[disabled]/field:text-foreground-disabled"],
+				error: ["text-[13px] text-danger-base"]
+			}
+		},
+		size: {
+			sm: { label: "text-xs" },
+			md: { label: "text-sm" }
+		}
+	},
+	compoundVariants: [{
+		theme: "brutal",
+		size: "sm",
+		class: { label: "text-foreground/60" }
+	}],
+	defaultVariants: { size: "md" }
+});
+function Field({ className, ...props }) {
+	const { root } = field({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Field$1.Root, {
+		"data-slot": "field",
+		className: root({ className }),
+		...props
+	});
+}
+function FieldItem({ className, ...props }) {
+	const { item } = field({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Field$1.Item, {
+		"data-slot": "field-item",
+		className: item({ className }),
+		...props
+	});
+}
+function FieldLabel({ size, required, optional, className, children, ...props }) {
+	const { label } = field({
+		theme: useThemeFamily(),
+		size
+	});
+	return /* @__PURE__ */ jsxs(Field$1.Label, {
+		"data-slot": "field-label",
+		className: label({ className }),
+		...props,
+		children: [
+			children,
+			required ? /* @__PURE__ */ jsx(LabelAsterisk, { className: "ml-1" }) : null,
+			optional ? /* @__PURE__ */ jsx(LabelOptional, { className: "ml-1" }) : null
+		]
+	});
+}
+function FieldDescription({ className, ...props }) {
+	const { description } = field({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Field$1.Description, {
+		"data-slot": "field-description",
+		className: description({ className }),
+		...props
+	});
+}
+function FieldError({ className, role = "alert", ...props }) {
+	const { error } = field({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Field$1.Error, {
+		"data-slot": "field-error",
+		role,
+		className: error({ className }),
+		...props
+	});
+}
+function FieldControl(props) {
+	return /* @__PURE__ */ jsx(Field$1.Control, {
+		"data-slot": "field-control",
+		...props
+	});
+}
+function FieldValidity(props) {
+	return /* @__PURE__ */ jsx(Field$1.Validity, { ...props });
+}
+//#endregion
 //#region src/components/input-group/input-group.tsx
 const inputGroup = tv({
 	slots: {
@@ -3658,6 +3831,113 @@ function InlineCode({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/text/text.tsx
+const textColorVariants = {
+	default: ["text-foreground-strong"],
+	primary: ["text-primary-700"],
+	information: ["text-info-dark"],
+	muted: ["text-foreground-muted"],
+	accent: ["text-accent-700"],
+	success: ["text-success-base"],
+	warning: ["text-warning-base"],
+	danger: ["text-danger-base"]
+};
+const heading = tv({
+	base: ["m-0 font-heading font-medium text-foreground-strong"],
+	variants: {
+		level: {
+			1: ["text-[3.5rem] tracking-[-0.01em] leading-[64px]"],
+			2: ["text-[3rem] tracking-[-0.01em] leading-[56px]"],
+			3: ["text-[2.5rem] tracking-[-0.01em] leading-[48px]"],
+			4: ["text-[2rem] tracking-[-0.005em] leading-[40px]"],
+			5: ["text-[1.5rem] leading-8"],
+			6: ["text-[1.25rem] leading-7"]
+		},
+		variant: textColorVariants
+	},
+	defaultVariants: { level: 1 }
+});
+const sans = tv({
+	base: ["m-0 font-sans font-normal"],
+	variants: {
+		size: {
+			large: ["text-lg leading-7 text-foreground"],
+			body: ["text-base leading-6 text-foreground"],
+			small: ["text-sm leading-5 text-foreground-muted"],
+			caption: ["text-xs leading-4 text-foreground-muted"]
+		},
+		variant: textColorVariants
+	},
+	defaultVariants: { size: "body" }
+});
+const mono = tv({
+	base: ["m-0 font-mono font-normal"],
+	variants: {
+		size: {
+			code: ["text-sm leading-5 text-foreground"],
+			meta: ["text-xs leading-4 text-foreground-muted"],
+			eyebrow: ["text-[10px] font-medium uppercase tracking-wide leading-none", "text-foreground-placeholder"],
+			tabular: ["text-sm tabular-nums leading-5 text-foreground"]
+		},
+		variant: textColorVariants
+	},
+	defaultVariants: { size: "code" }
+});
+function TextHeading({ level = 1, variant, className, render, ...props }) {
+	const defaultProps = { className: heading({
+		level,
+		variant,
+		className
+	}) };
+	return useRender({
+		defaultTagName: `h${level}`,
+		render,
+		props: mergeProps(defaultProps, props),
+		state: {
+			slot: "text-heading",
+			level,
+			variant
+		}
+	});
+}
+function TextSans({ size = "body", variant, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		render,
+		props: mergeProps({ className: sans({
+			size,
+			variant,
+			className
+		}) }, props),
+		state: {
+			slot: "text-sans",
+			size,
+			variant
+		}
+	});
+}
+function TextMono({ size = "code", variant, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		render,
+		props: mergeProps({ className: mono({
+			size,
+			variant,
+			className
+		}) }, props),
+		state: {
+			slot: "text-mono",
+			size,
+			variant
+		}
+	});
+}
+const Text = {
+	Heading: TextHeading,
+	Sans: TextSans,
+	Mono: TextMono
+};
+//#endregion
 //#region src/components/status/status.tsx
 const STATUS_STYLE = `
 @keyframes raft-status-pulse-background {
@@ -4818,4 +5098,4 @@ function ThemeProvider({ theme, defaultTheme = "brutal", onThemeChange, mode, de
 	});
 }
 //#endregion
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerDescription, BannerTitle, Button, Checkbox, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerIndicator, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, RadioGroup, RadioGroupIndicator, RadioGroupItem, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, SortableTabsList, SortableTabsTab, Spinner, Status, Tabs, TabsBackground, TabsIndicator, TabsLabel, TabsList, TabsPanel, TabsTab, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerDescription, BannerTitle, Button, Checkbox, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerIndicator, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, RadioGroup, RadioGroupIndicator, RadioGroupItem, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, SortableTabsList, SortableTabsTab, Spinner, Status, Tabs, TabsBackground, TabsIndicator, TabsLabel, TabsList, TabsPanel, TabsTab, Text, TextHeading, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };