import * as React$1 from "react"; import React from "react"; //#region src/SegmentedChoice/SegmentedChoice.types.d.ts type SegmentedChoiceValue = string; type SegmentedChoiceSize = 'sm' | 'md' | 'lg'; type SegmentedChoiceTrackLayout = 'container' | 'center-span'; type SegmentedChoiceTrackStyle = 'surface' | 'none'; type SegmentedChoiceIndicatorStyle = 'fill' | 'ring' | 'none'; type SegmentedChoiceIndicatorContentMode = 'none' | 'clone-active'; type SegmentedChoiceIndicatorTransition = 'smooth' | 'instant'; type SegmentedChoiceOptionSizing = 'equal' | 'content'; type SegmentedChoiceOptionDistribution = 'space-between' | 'space-around'; type SegmentedChoiceOption = { value: T; label: React$1.ReactNode; ariaLabel?: string; description?: React$1.ReactNode; disabled?: boolean; accentColor?: string; }; type DataAttributes = { [key: `data-${string}`]: string | number | boolean | undefined; }; type SlotDivProps = Omit, 'style'> & DataAttributes; type SlotSpanProps = Omit, 'style'> & DataAttributes; type SlotLabelProps = Omit, 'style'> & DataAttributes; type RootSlotDivProps = Omit; type SegmentedChoiceSlotProps = { root?: RootSlotDivProps; list?: SlotDivProps; track?: SlotSpanProps; indicator?: SlotSpanProps; indicatorContent?: SlotSpanProps; option?: SlotLabelProps; optionAnchor?: SlotSpanProps; optionContent?: SlotSpanProps; optionLabel?: SlotSpanProps; optionDescription?: SlotSpanProps; }; type SegmentedChoiceGeometrySize = { size?: number; width?: number; height?: number; }; type SegmentedChoiceGeometry = { mode?: 'underlay' | 'overlay'; dragScale?: boolean | number; optionSize?: number; anchor?: SegmentedChoiceGeometrySize; track?: { layout?: SegmentedChoiceTrackLayout; style?: SegmentedChoiceTrackStyle; }; indicator?: SegmentedChoiceGeometrySize & { style?: SegmentedChoiceIndicatorStyle; content?: SegmentedChoiceIndicatorContentMode; transition?: SegmentedChoiceIndicatorTransition; inset?: number; borderWidth?: number; }; }; interface SegmentedChoiceProps { options: readonly SegmentedChoiceOption[]; value?: T; defaultValue?: T; onValueChange?: (value: T) => void; name?: string; disabled?: boolean; required?: boolean; orientation?: 'horizontal' | 'vertical'; optionSizing?: SegmentedChoiceOptionSizing; optionDistribution?: SegmentedChoiceOptionDistribution; size?: SegmentedChoiceSize; draggable?: boolean; loop?: boolean; ariaLabel?: string; ariaLabelledby?: string; ariaDescribedby?: string; className?: string; styleNonce?: string; unstyled?: boolean; slotProps?: SegmentedChoiceSlotProps; geometry?: SegmentedChoiceGeometry; } //#endregion //#region src/SegmentedChoice/SegmentedChoice.d.ts declare const SegmentedChoice: (props: SegmentedChoiceProps & { ref?: React.ForwardedRef; }) => React.ReactElement; //#endregion //#region src/SegmentedChoice/tokens.d.ts type SegmentedChoiceTypographyTokens = { fontFamily: string; fontSizes: Record; descriptionFontSizes: Record; fontWeight: number; lineHeight: number; letterSpacing: string; }; declare const SEGMENTED_CHOICE_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Inter, \"Helvetica Neue\", Arial, sans-serif"; declare const SEGMENTED_CHOICE_TYPOGRAPHY_TOKENS: SegmentedChoiceTypographyTokens; declare function getSegmentedChoiceTypographyTokens(): SegmentedChoiceTypographyTokens; //#endregion export { SEGMENTED_CHOICE_FONT_FAMILY, SEGMENTED_CHOICE_TYPOGRAPHY_TOKENS, SegmentedChoice, type SegmentedChoiceGeometry, type SegmentedChoiceIndicatorContentMode, type SegmentedChoiceIndicatorStyle, type SegmentedChoiceIndicatorTransition, type SegmentedChoiceOption, type SegmentedChoiceOptionDistribution, type SegmentedChoiceOptionSizing, type SegmentedChoiceProps, type SegmentedChoiceSlotProps, type SegmentedChoiceTrackLayout, type SegmentedChoiceTrackStyle, type SegmentedChoiceTypographyTokens, type SegmentedChoiceValue, getSegmentedChoiceTypographyTokens };