@sofya-ds/react 1.7.0 → 1.8.0

package/dist/index.d.ts

@@ -3,13 +3,13 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SofyaSurfaceName, SofyaGapName, SofyaMeasureName, HexColor, SofyaTextStyleName, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
+export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaColorScale, SofyaControlSizeScale, SofyaGapName, SofyaGradientToken, SofyaIconButtonSizeScale, SofyaLayoutSizeScale, SofyaMeasureName, SofyaRadiusScale, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaRhythmName, SofyaShadowScale, SofyaSpaceName, SofyaSpacingScale, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaGapNames, sofyaMeasureNames, sofyaRhythmNames, sofyaSemanticColorHex, sofyaSpaceNames, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as input_otp from 'input-otp';
 import { OTPInputProps } from 'input-otp';
 export { OTPInputProps, REGEXP_ONLY_DIGITS } from 'input-otp';
-import { HexColor, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
-export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaGradientToken, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaSemanticColorHex, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -98,7 +98,7 @@ declare const buttonVariantOptions: readonly ["default", "gradient", "dropdown",
 declare const buttonSizeOptions: readonly ["default", "sm", "lg", "icon"];
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "icon" | "gradient" | "secondary" | "outline" | "dropdown" | "language" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "icon" | "secondary" | "gradient" | "outline" | "dropdown" | "language" | "ghost" | null | undefined;
     size?: "sm" | "default" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -111,7 +111,8 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-type SurfaceVariant = "card" | "focus";
+type SurfaceVariant = SofyaSurfaceName;
+declare const surfaceVariantOptions: readonly ["appBackground", "auth", "card", "dataTable", "dialog", "documentCard", "documentCardSelected", "focus", "mainContent", "panel", "proseDialog", "rightPanel", "sidebar"];
 type SurfaceBaseProps = {
     variant?: SurfaceVariant;
     asChild?: boolean;
@@ -216,11 +217,16 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type DialogCardStyle = React.CSSProperties & {
+    "--sofya-surface-shadow-override"?: string;
+};
 interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     cardClassName?: string;
+    cardStyle?: DialogCardStyle;
     overlayClassName?: string;
     showCloseButton?: boolean;
-    variant?: Extract<SurfaceVariant, "card" | "focus">;
+    surfaceShadow?: string;
+    variant?: SurfaceVariant;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare function DialogHeader({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
@@ -231,6 +237,16 @@ declare const DialogCancel: React.ForwardRefExoticComponent<DialogDismissButtonP
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
+interface DocumentCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    actions?: React.ReactNode;
+    description?: React.ReactNode;
+    leading?: React.ReactNode;
+    meta?: React.ReactNode;
+    selected?: boolean;
+    title: React.ReactNode;
+}
+declare const DocumentCard: React.ForwardRefExoticComponent<DocumentCardProps & React.RefAttributes<HTMLDivElement>>;
+
 declare const emptyMediaVariantOptions: readonly ["default", "icon"];
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
@@ -436,6 +452,27 @@ declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttri
 
 declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
 
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface GapProps {
+    gap?: SofyaGapName;
+}
+interface StackProps extends DivProps, GapProps {
+}
+interface ClusterProps extends DivProps, GapProps {
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "between" | "end";
+}
+interface InlineProps extends DivProps, GapProps {
+    align?: "start" | "center" | "end" | "stretch";
+}
+interface ContainerProps extends DivProps {
+    measure?: SofyaMeasureName | "none";
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+declare const Cluster: React.ForwardRefExoticComponent<ClusterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Inline: React.ForwardRefExoticComponent<InlineProps & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
 declare const linkVariants: (props?: ({
     variant?: "default" | "underlined" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -488,6 +525,17 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
 declare const PopoverTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const PopoverDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
+interface ProseDialogContentProps extends DialogContentProps {
+}
+declare const ProseDialogContent: React.ForwardRefExoticComponent<ProseDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function ProseDialogHeader(props: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace ProseDialogHeader {
+    var displayName: string;
+}
+declare const ProseDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ProseDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const ProseDialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
 declare const progressSizeOptions: readonly ["sm", "default", "lg"];
 type ProgressSize = (typeof progressSizeOptions)[number];
 interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "max" | "value"> {
@@ -549,6 +597,13 @@ type RadioGroupComponent = typeof RadioGroupRoot & {
 };
 declare const RadioGroup: RadioGroupComponent;
 
+interface RightRailActionProps extends Omit<ButtonProps, "aria-label" | "children" | "leftIcon" | "rightIcon" | "size" | "variant"> {
+    "aria-label": string;
+    active?: boolean;
+    icon: React.ReactNode;
+}
+declare const RightRailAction: React.ForwardRefExoticComponent<RightRailActionProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const scrollAreaOrientationOptions: readonly ["horizontal", "vertical"];
 type ScrollAreaOrientation = (typeof scrollAreaOrientationOptions)[number];
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -691,11 +746,11 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 
-type TextSize = "h1" | "h2" | "h3" | "h4" | "h5" | "body" | "tiny" | "extra-tiny";
+type TextSize = SofyaTextStyleName;
 type TextWeight = React.CSSProperties["fontWeight"];
 type TextVariant = "default" | "gradient" | "shiny" | "split";
 type TextSplitType = "chars" | "words" | "words, chars";
-declare const textSizeOptions: readonly ["h1", "h2", "h3", "h4", "h5", "body", "tiny", "extra-tiny"];
+declare const textSizeOptions: readonly ["display-xl", "display-lg", "heading-xl", "heading-lg", "heading-md", "h1", "h2", "h3", "h4", "h5", "encounter-title", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body", "label-md", "section-label", "eyebrow-md", "overline-md", "sidebar-title", "sidebar-title-regular", "sidebar-title-strong", "sidebar-label", "sidebar-label-strong", "sidebar-body", "sidebar-tag", "encounter-chip", "encounter-history", "caption", "eyebrow", "tiny", "extra-tiny", "code-sm"];
 declare const textVariantOptions: readonly ["default", "gradient", "shiny", "split"];
 declare const textSplitTypeOptions: readonly ["chars", "words", "words, chars"];
 interface TextProps extends React.HTMLAttributes<HTMLElement> {
@@ -734,4 +789,4 @@ interface SofyaProviderProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function SofyaProvider({ preset, overrides, className, style, children, ...props }: SofyaProviderProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupOption, RadioGroupOptionAvatar, type RadioGroupOptionAvatarProps, RadioGroupOptionDescription, type RadioGroupOptionDescriptionProps, RadioGroupOptionIndicator, type RadioGroupOptionIndicatorProps, RadioGroupOptionLabel, type RadioGroupOptionLabelProps, type RadioGroupOptionProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };
+export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Container, type ContainerProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentCard, type DocumentCardProps, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Inline, type InlineProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, ProseDialogBody, ProseDialogContent, type ProseDialogContentProps, ProseDialogDescription, ProseDialogHeader, ProseDialogTitle, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupOption, RadioGroupOptionAvatar, type RadioGroupOptionAvatarProps, RadioGroupOptionDescription, type RadioGroupOptionDescriptionProps, RadioGroupOptionIndicator, type RadioGroupOptionIndicatorProps, RadioGroupOptionLabel, type RadioGroupOptionLabelProps, type RadioGroupOptionProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, RightRailAction, type RightRailActionProps, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, surfaceVariantOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };