@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/popover/PopoverTrigger.d.ts

@@ -0,0 +1,9 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { Ref } from 'react';
+export type TriggerProps = RadixPopover.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/index.d.mts

@@ -0,0 +1,17 @@
+import { Popover as Root } from './Popover';
+import { Anchor } from './PopoverAnchor';
+import { Arrow } from './PopoverArrow';
+import { CloseButton } from './PopoverCloseButton';
+import { Content } from './PopoverContent';
+import { Header } from './PopoverHeader';
+import { Portal } from './PopoverPortal';
+import { Trigger } from './PopoverTrigger';
+export declare const Popover: typeof Root & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};

package/dist/src/popover/index.d.ts

@@ -0,0 +1,17 @@
+import { Popover as Root } from './Popover';
+import { Anchor } from './PopoverAnchor';
+import { Arrow } from './PopoverArrow';
+import { CloseButton } from './PopoverCloseButton';
+import { Content } from './PopoverContent';
+import { Header } from './PopoverHeader';
+import { Portal } from './PopoverPortal';
+import { Trigger } from './PopoverTrigger';
+export declare const Popover: typeof Root & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};

package/dist/src/portal/Portal.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, Ref } from 'react';
+interface PortalProps {
+    /**
+     * An optional different container where the portaled content should be appended.
+     */
+    container?: HTMLElement | null;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/portal/index.d.mts

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/dist/src/portal/index.d.ts

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/dist/src/progress/Progress.d.ts

@@ -0,0 +1,24 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { ComponentProps, PropsWithChildren, Ref } from 'react';
+import { ProgressIndicatorStylesProps } from './ProgressIndicator';
+export interface ProgressProps extends Omit<ComponentProps<typeof BaseProgress.Root>, 'render'>, Pick<ProgressIndicatorStylesProps, 'intent'> {
+    shape?: 'square' | 'rounded';
+    /**
+     * Callback called when the progress reaches its maximum value and the transition animation completes.
+     */
+    onComplete?: () => void;
+    /**
+     * Function that returns a string value that provides a human-readable text alternative for the current value of the progress bar.
+     * @deprecated Use `getAriaValueText` instead. This prop is kept for backward compatibility.
+     */
+    getValueLabel?: (value: number, max: number) => string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Progress: {
+    ({ className, value: valueProp, max, min, shape, intent, onComplete, getValueLabel, getAriaValueText: getAriaValueTextProp, children, ref, ...others }: PropsWithChildren<ProgressProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress/ProgressContext.d.ts

@@ -0,0 +1,13 @@
+import { ProgressIndicatorStylesProps } from './ProgressIndicator';
+export interface ProgressContextValue {
+    value: number | null;
+    max: number;
+    min: number;
+    shape: 'square' | 'rounded';
+    intent: ProgressIndicatorStylesProps['intent'];
+    onLabelId: (id?: string) => void;
+    onComplete?: () => void;
+}
+export declare const ProgressContext: import('react').Context<ProgressContextValue | null>;
+export declare const ID_PREFIX = ":progress";
+export declare const useProgress: () => ProgressContextValue;

package/dist/src/progress/ProgressIndicator.d.ts

@@ -0,0 +1,13 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps, PropsWithChildren } from 'react';
+export declare const progressIndicatorStyles: (props?: ({
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>;
+export type ProgressIndicatorProps = Omit<ComponentProps<typeof BaseProgress.Indicator>, 'render'>;
+export declare const ProgressIndicator: {
+    ({ className, style, ref, onTransitionEnd, ...others }: PropsWithChildren<ProgressIndicatorProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress/ProgressLabel.d.ts

@@ -0,0 +1,7 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { ComponentProps } from 'react';
+export type ProgressLabelProps = Omit<ComponentProps<typeof BaseProgress.Label>, 'render'>;
+export declare const ProgressLabel: {
+    ({ id: idProp, children, ref: forwardedRef, ...others }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress/ProgressTrack.d.ts

@@ -0,0 +1,7 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { ComponentProps } from 'react';
+export type ProgressTrackProps = Omit<ComponentProps<typeof BaseProgress.Track>, 'render'>;
+export declare const ProgressTrack: {
+    ({ className, ...others }: ProgressTrackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress/ProgressValue.d.ts

@@ -0,0 +1,7 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { ComponentProps, PropsWithChildren } from 'react';
+export type ProgressValueProps = Omit<ComponentProps<typeof BaseProgress.Value>, 'render'>;
+export declare const ProgressValue: {
+    ({ className, children, ...others }: PropsWithChildren<ProgressValueProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress/index.d.mts

@@ -0,0 +1,13 @@
+import { Progress as Root } from './Progress';
+import { ProgressLabel } from './ProgressLabel';
+import { ProgressTrack } from './ProgressTrack';
+import { ProgressValue } from './ProgressValue';
+export declare const Progress: typeof Root & {
+    Label: typeof ProgressLabel;
+    Track: typeof ProgressTrack;
+    Value: typeof ProgressValue;
+};
+export { type ProgressProps } from './Progress';
+export { type ProgressLabelProps } from './ProgressLabel';
+export { type ProgressTrackProps } from './ProgressTrack';
+export { type ProgressValueProps } from './ProgressValue';

package/dist/src/progress/index.d.ts

@@ -0,0 +1,13 @@
+import { Progress as Root } from './Progress';
+import { ProgressLabel } from './ProgressLabel';
+import { ProgressTrack } from './ProgressTrack';
+import { ProgressValue } from './ProgressValue';
+export declare const Progress: typeof Root & {
+    Label: typeof ProgressLabel;
+    Track: typeof ProgressTrack;
+    Value: typeof ProgressValue;
+};
+export { type ProgressProps } from './Progress';
+export { type ProgressLabelProps } from './ProgressLabel';
+export { type ProgressTrackProps } from './ProgressTrack';
+export { type ProgressValueProps } from './ProgressValue';

package/dist/src/progress-tracker/ProgressTracker.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { StepIndicatorVariantProps } from './ProgressTrackerStepIndicator.styles';
+export interface ProgressTrackerProps extends ComponentPropsWithRef<'div'>, Pick<StepIndicatorVariantProps, 'size' | 'intent'> {
+    /**
+     * The orientation of the progress tracker
+     * @default 'horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The index of the current step.
+     * @default 0
+     */
+    stepIndex?: number;
+    /**
+     * Event handler called when clicking on a step.
+     */
+    onStepClick?: (stepIndex: number) => void;
+    /**
+     * Sets the component as interactive or not.
+     * @default false
+     */
+    readOnly?: boolean;
+}
+export declare const ProgressTracker: {
+    ({ stepIndex, onStepClick, readOnly, intent, size, orientation, children, className, ref, ...rest }: PropsWithChildren<ProgressTrackerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress-tracker/ProgressTracker.styles.d.ts

@@ -0,0 +1 @@
+export declare const progressList: string;

package/dist/src/progress-tracker/ProgressTrackerContext.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ProgressTrackerProps } from './ProgressTracker';
+export type ProgressTrackerContextInterface = Required<Pick<ProgressTrackerProps, 'stepIndex' | 'size' | 'intent' | 'readOnly'>> & Pick<ProgressTrackerProps, 'onStepClick'> & {
+    steps: Map<string, string[]>;
+    setSteps: Dispatch<SetStateAction<Map<string, string[]>>>;
+};
+export interface ProgressTrackerStepContextInterface {
+    index: number;
+    state: 'active' | 'complete' | 'incomplete';
+}
+export declare const ProgressTrackerContext: import('react').Context<ProgressTrackerContextInterface>;
+export declare const ProgressTrackerStepContext: import('react').Context<ProgressTrackerStepContextInterface>;
+export declare const useProgressTrackerContext: () => ProgressTrackerContextInterface;
+export declare const useProgressTrackerStepContext: () => ProgressTrackerStepContextInterface;
+export declare const ID_PREFIX = ":progress-tracker";

package/dist/src/progress-tracker/ProgressTrackerStep.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type ProgressTrackerStepProps = ComponentPropsWithRef<'li'> & ({
+    disabled?: boolean;
+    children: ReactNode;
+} | {
+    disabled?: boolean;
+    'aria-label': string;
+});
+export declare const ProgressTrackerStep: {
+    ({ disabled, children, "aria-label": ariaLabel, className, ref, ...rest }: ProgressTrackerStepProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress-tracker/ProgressTrackerStep.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const stepItemVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    intent?: "support" | "success" | "neutral" | null | undefined;
+    disabled?: boolean | null | undefined;
+    disabledAfter?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepButtonVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/progress-tracker/ProgressTrackerStepIndicator.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type ProgressTrackerStepIndicatorProps = ComponentPropsWithoutRef<'span'> & {
+    /**
+     * The content to be rendered when step status is complete (checkmark icon by default)
+     */
+    complete?: ReactNode;
+    /**
+     * The content to be rendered when step status is incomplete (step index by default)
+     */
+    incomplete?: ReactNode;
+};
+export declare const ProgressTrackerStepIndicator: {
+    ({ complete, incomplete, className, }: ProgressTrackerStepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/progress-tracker/ProgressTrackerStepIndicator.styles.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const stepIndicatorVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    intent?: "support" | "success" | "neutral" | null | undefined;
+    state?: "active" | "complete" | "incomplete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StepIndicatorVariantProps = VariantProps<typeof stepIndicatorVariant>;

package/dist/src/progress-tracker/ProgressTrackerStepLabel.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type ProgressTrackerStepLabelProps = ComponentPropsWithoutRef<'span'> & {
+    children: ReactNode;
+};
+export declare const ProgressTrackerStepLabel: {
+    ({ className, children, }: ProgressTrackerStepLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/progress-tracker/index.d.mts

@@ -0,0 +1,10 @@
+import { ProgressTracker as Root, ProgressTrackerProps } from './ProgressTracker';
+import { ProgressTrackerStep as Step, ProgressTrackerStepProps } from './ProgressTrackerStep';
+import { ProgressTrackerStepIndicator as StepIndicator, ProgressTrackerStepIndicatorProps } from './ProgressTrackerStepIndicator';
+import { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel';
+export declare const ProgressTracker: typeof Root & {
+    Step: typeof Step;
+    StepLabel: typeof StepLabel;
+    StepIndicator: typeof StepIndicator;
+};
+export type { ProgressTrackerProps, ProgressTrackerStepProps, ProgressTrackerStepIndicatorProps };

package/dist/src/progress-tracker/index.d.ts

@@ -0,0 +1,10 @@
+import { ProgressTracker as Root, ProgressTrackerProps } from './ProgressTracker';
+import { ProgressTrackerStep as Step, ProgressTrackerStepProps } from './ProgressTrackerStep';
+import { ProgressTrackerStepIndicator as StepIndicator, ProgressTrackerStepIndicatorProps } from './ProgressTrackerStepIndicator';
+import { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel';
+export declare const ProgressTracker: typeof Root & {
+    Step: typeof Step;
+    StepLabel: typeof StepLabel;
+    StepIndicator: typeof StepIndicator;
+};
+export type { ProgressTrackerProps, ProgressTrackerStepProps, ProgressTrackerStepIndicatorProps };

package/dist/src/radio-group/Radio.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { RadioInputProps } from './RadioInput';
+export type RadioProps = RadioInputProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const Radio: {
+    ({ className, children, id, disabled: disabledProp, ref, ...others }: RadioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/radio-group/RadioGroup.d.ts

@@ -0,0 +1,54 @@
+import { HTMLAttributes, Ref } from 'react';
+import { RadioGroupVariantsProps } from './RadioGroup.styles';
+import { RadioInputVariantsProps } from './RadioInput.styles';
+export interface RadioGroupProps extends RadioGroupVariantsProps, Pick<RadioInputVariantsProps, 'intent'>, Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'dir' | 'onChange'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.
+     */
+    defaultValue?: string;
+    /**
+     * The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
+     */
+    value?: string;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * When true, prevents the user from interacting with radio items.
+     */
+    disabled?: boolean;
+    /**
+     * The name of the group. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * When true, indicates that the user must check a radio item before the owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The orientation of the component.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The reading direction of the radio group.
+     */
+    dir?: 'ltr' | 'rtl';
+    /**
+     * When true, keyboard navigation will loop from last item to first, and vice versa.
+     */
+    loop?: boolean;
+    /**
+     * When true, the label will be placed on the left side of the Radio
+     */
+    reverse?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const RadioGroup: {
+    ({ orientation, loop, intent, disabled, className, required: requiredProp, reverse, ref, ...others }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/radio-group/RadioGroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const radioGroupStyles: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioGroupVariantsProps = VariantProps<typeof radioGroupStyles>;

package/dist/src/radio-group/RadioGroupContext.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroupProps } from './RadioGroup';
+import { RadioInputProps } from './RadioInput';
+export type RadioGroupContextState = Pick<RadioInputProps, 'intent' | 'disabled'> & Pick<RadioGroupProps, 'reverse'>;
+export declare const RadioGroupContext: import('react').Context<RadioGroupContextState | null>;
+export declare const useRadioGroup: () => RadioGroupContextState;

package/dist/src/radio-group/RadioGroupProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { RadioGroupProps } from './RadioGroup';
+import { RadioInputProps } from './RadioInput';
+export interface RadioGroupProviderProps extends Pick<RadioInputProps, 'intent' | 'disabled'>, Pick<RadioGroupProps, 'reverse'> {
+    children: ReactNode;
+}
+export declare const RadioGroupProvider: ({ intent, disabled, reverse, children, }: RadioGroupProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/radio-group/RadioIndicator.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'react';
+import { RadioIndicatorStylesProps } from './RadioIndicator.styles';
+export interface RadioIndicatorProps extends RadioIndicatorStylesProps {
+    className?: string;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.
+     */
+    forceMount?: true | undefined;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const RadioIndicator: {
+    ({ intent, className, ref, ...others }: RadioIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/radio-group/RadioIndicator.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const radioIndicatorStyles: (props?: ({
+    intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioIndicatorStylesProps = VariantProps<typeof radioIndicatorStyles>;

package/dist/src/radio-group/RadioInput.d.ts

@@ -0,0 +1,25 @@
+import { ButtonHTMLAttributes, Ref } from 'react';
+import { RadioInputVariantsProps } from './RadioInput.styles';
+export interface RadioInputProps extends RadioInputVariantsProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * The value given as data when submitted with a name.
+     */
+    value: string;
+    /**
+     * When true, prevents the user from interacting with the radio item.
+     */
+    disabled?: boolean;
+    /**
+     * When true, indicates that the user must check the radio item before the owning form can be submitted.
+     */
+    required?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const RadioInput: {
+    ({ intent: intentProp, className, ref, ...others }: RadioInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/radio-group/RadioInput.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const radioInputVariants: (props?: ({
+    intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>;

package/dist/src/radio-group/RadioLabel.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { RadioLabelStylesProps } from './RadioLabel.styles';
+export interface RadioLabelProps extends RadioLabelStylesProps, PropsWithChildren<HTMLAttributes<HTMLLabelElement>> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * The id of the element the label is associated with.
+     */
+    htmlFor?: string;
+    /**
+     * When true, prevents the user from interacting with the radio item.
+     */
+    disabled?: boolean;
+}
+export declare const RadioLabel: {
+    ({ disabled, ...others }: RadioLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/radio-group/RadioLabel.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const radioLabelStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioLabelStylesProps = VariantProps<typeof radioLabelStyles>;

package/dist/src/radio-group/index.d.mts

@@ -0,0 +1,7 @@
+import { Radio } from './Radio';
+import { RadioGroup as Root } from './RadioGroup';
+export declare const RadioGroup: typeof Root & {
+    Radio: typeof Radio;
+};
+export { type RadioGroupProps } from './RadioGroup';
+export { type RadioProps } from './Radio';

package/dist/src/radio-group/index.d.ts

@@ -0,0 +1,7 @@
+import { Radio } from './Radio';
+import { RadioGroup as Root } from './RadioGroup';
+export declare const RadioGroup: typeof Root & {
+    Radio: typeof Radio;
+};
+export { type RadioGroupProps } from './RadioGroup';
+export { type RadioProps } from './Radio';

package/dist/src/rating/Rating.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { RatingValue } from './types';
+export interface RatingProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {
+    /**
+     * Use the `defaultValue` prop to set the default value of the input, on a from 0 to 5.
+     *
+     * Use this when you want to use it in an uncontrolled manner
+     */
+    defaultValue?: RatingValue;
+    /**
+     * The value is the number of the rating selected, on a scale from 0 to 5.
+     *
+     * Use this when you want to use it in a controlled manner,
+     * in conjunction with the `onValueChange` prop
+     */
+    value?: RatingValue;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: RatingValue) => void;
+    /**
+     * Sets the component as interactive or not.
+     * @default undefined
+     */
+    readOnly?: boolean;
+    /**
+     * When `true`, prevents the user from interacting.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * When true, indicates that the user must select a rating before form submission.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Name of the underlying hidden input (for form submission).
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * id of the underlying hidden input.
+     * @default undefined
+     */
+    id?: string;
+    /**
+     * aria-label of the radiogroup.
+     * @default undefined
+     */
+    'aria-label'?: string;
+    /**
+     * Returns the aria-label applied to each radio star.
+     * Defaults to `${aria-label} ${index + 1}`.
+     */
+    getStarLabel?: (index: number) => string;
+}
+export declare const Rating: ({ defaultValue, value: propValue, onValueChange, disabled, readOnly, required: requiredProp, name, id, "aria-label": ariaLabel, getStarLabel, ref, ...rest }: RatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/rating/RatingStar.d.ts

@@ -0,0 +1,19 @@
+import { KeyboardEvent, MouseEvent, PropsWithChildren, Ref } from 'react';
+import { RatingStarIconStylesProps, RatingStarstylesProps } from './RatingStar.styles';
+import { StarValue } from './types';
+export interface RatingStarProps extends PropsWithChildren<RatingStarstylesProps>, RatingStarIconStylesProps {
+    value: StarValue;
+    /** Whether this radio option is selected (for radiogroup pattern). */
+    checked?: boolean;
+    /** Accessible name for the radio (e.g. "one star", "two stars"). */
+    ariaLabel?: string;
+    /** Accessible ids used to compose the radio name. */
+    ariaLabelledBy?: string;
+    /** Tab index for roving tabindex (0 or -1). */
+    tabIndex?: number;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const RatingStar: ({ value, size, disabled, readOnly, checked, ariaLabel, ariaLabelledBy, tabIndex, onClick, onKeyDown, onMouseEnter, children, ref: forwardedRef, }: RatingStarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/rating/RatingStar.styles.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+declare const ratingStarStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+    gap?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const ratingStarIconStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    design?: "filled" | "outlined" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type RatingStarstylesProps = Omit<VariantProps<typeof ratingStarStyles>, 'gap'>;
+type RatingStarIconStylesProps = Omit<VariantProps<typeof ratingStarIconStyles>, 'design'>;
+export { ratingStarStyles, ratingStarIconStyles };
+export type { RatingStarstylesProps, RatingStarIconStylesProps };

package/dist/src/rating/index.d.mts

@@ -0,0 +1 @@
+export { Rating, type RatingProps } from './Rating';

package/dist/src/rating/index.d.ts

@@ -0,0 +1 @@
+export { Rating, type RatingProps } from './Rating';

package/dist/src/rating/types.d.ts

@@ -0,0 +1,2 @@
+export type RatingValue = 0 | 1 | 2 | 3 | 4 | 5;
+export type StarValue = 0 | 1;

package/dist/src/rating/utils.d.ts

@@ -0,0 +1,7 @@
+import { StarValue } from './types';
+declare function getStarValue({ value, index }: {
+    value?: number;
+    index: number;
+}): StarValue;
+declare function splitAt<T>(arr: T[], index: number): [T[], T[]];
+export { getStarValue, splitAt };