@atom-learning/components 6.0.0-beta.5 → 6.0.0-beta.6

package/dist/src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare const StyledNavigationMenuVerticalIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
+} & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "is" | "as"> & {
+    is: React.FC<React.SVGProps<SVGSVGElement>>;
+    as?: never;
+}, "ref"> & React.RefAttributes<SVGSVGElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const NavigationMenuVerticalIcon: (props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>) => JSX.Element;
+export {};

package/dist/src/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts

@@ -0,0 +1,5 @@
+import { Item } from '@radix-ui/react-navigation-menu';
+import React from 'react';
+type TNavigationMenuVerticalItemProps = Omit<React.ComponentProps<typeof Item>, 'value'>;
+export declare const NavigationMenuVerticalItem: (props: TNavigationMenuVerticalItemProps) => JSX.Element;
+export {};

package/dist/{components → src/components}/navigation-menu-vertical/NavigationMenuVerticalItemContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Flex } from '../../components/flex';
+import { Flex } from '../../../components/flex';
 type TNavigationMenuVerticalItemContentProps = React.ComponentProps<typeof Flex>;
 export declare const NavigationMenuVerticalItemContent: ({ children, ...rest }: TNavigationMenuVerticalItemContentProps) => JSX.Element;
 export {};

package/dist/src/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const StyledNavigationMenuVerticalLink: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type NavigationMenuVerticalItemProps = React.ComponentProps<typeof StyledNavigationMenuVerticalLink> & {
+    as?: React.ComponentType | React.ElementType;
+};
+export declare const NavigationMenuVerticalLink: ({ as, href, children, ...rest }: NavigationMenuVerticalItemProps) => React.JSX.Element;
+export {};

package/dist/src/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts

@@ -0,0 +1,3 @@
+export declare const NavigationMenuVerticalList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLUListElement>>;

package/dist/src/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare const StyledNavigationMenuVerticalText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+} & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    isExpanded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type TStyledNavigationMenuVerticalTextProps = React.ComponentProps<typeof StyledNavigationMenuVerticalText>;
+export declare const NavigationMenuVerticalText: (props: TStyledNavigationMenuVerticalTextProps) => JSX.Element;
+export {};

package/dist/src/components/notification-badge/NotificationBadge.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Badge } from '../badge';
+type BadgeProps = React.ComponentProps<typeof Badge>;
+type NotificationBadgeProps = {
+    value: number | string;
+    emphasis?: BadgeProps['emphasis'];
+    theme?: BadgeProps['theme'];
+    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+};
+export declare const NotificationBadge: ({ value, emphasis, theme, icon, children }: React.PropsWithChildren<NotificationBadgeProps>) => React.JSX.Element;
+export {};

package/dist/{components → src/components}/number-input/NumberInput.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { type CSS } from '../../stitches';
 export interface NumberInputProps {
     name: string;
     min?: number;
@@ -20,8 +19,6 @@ export interface NumberInputProps {
         increment?: string;
         decrement?: string;
     };
-    css?: CSS;
+    className?: string;
 }
-export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & {
-    ref: React.Ref<HTMLInputElement>;
-}>;
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/number-input/NumberInputStepper.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ActionIcon } from '../action-icon';
+declare const StyledStepperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+    appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+    isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+    as?: string | React.ReactNode;
+    children: React.ReactNode;
+    label: string;
+} & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+    fieldAppearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type NumberInputStepperProps = Omit<React.ComponentProps<typeof ActionIcon>, 'children'> & Omit<React.ComponentProps<typeof StyledStepperButton>, 'children'> & {
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    showTooltip?: boolean;
+    disabledTooltipContent?: string;
+};
+export declare const NumberInputStepper: React.ForwardRefExoticComponent<Omit<NumberInputStepperProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/{components → src/components}/number-input-field/NumberInputField.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { ValidationOptions } from '../../components/form';
-import type { CSS } from '../../stitches';
+import { ValidationOptions } from '../../../components/form';
 import type { NumberInputProps } from '../number-input/NumberInput';
 export interface NumberInputFieldProps extends NumberInputProps {
-    css?: CSS;
+    className?: string;
     hideLabel?: boolean;
     description?: string;
     label: string;
@@ -15,6 +14,6 @@ export interface NumberInputFieldProps extends NumberInputProps {
     validation?: ValidationOptions;
 }
 export declare const NumberInputField: {
-    ({ css, defaultValue, hideLabel, value, prompt, description, label, name, validation, onValueChange, appearance, ...remainingProps }: NumberInputFieldProps): React.JSX.Element;
+    ({ className, defaultValue, hideLabel, value, prompt, description, label, name, validation, onValueChange, appearance, ...remainingProps }: NumberInputFieldProps): React.JSX.Element;
     displayName: string;
 };

package/dist/src/components/pagination/PaginationNextButton.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const StyledActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+    appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+    isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+    as?: string | React.ReactNode;
+    children: React.ReactNode;
+    label: string;
+} & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationNextButton: (props: Partial<React.ComponentProps<typeof StyledActionIcon>>) => React.JSX.Element;
+export {};

package/dist/src/components/pagination/PaginationPage.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PaginationPageProps } from './types';
+export declare const PaginationPage: ({ pageNumber, className, onClick }: PaginationPageProps) => React.JSX.Element;

package/dist/src/components/pagination/PaginationPreviousButton.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const StyledActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+    appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+    isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+    as?: string | React.ReactNode;
+    children: React.ReactNode;
+    label: string;
+} & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationPreviousButton: (props: Partial<React.ComponentProps<typeof StyledActionIcon>>) => React.JSX.Element;
+export {};

package/dist/{components → src/components}/pagination/types.d.ts

@@ -1,5 +1,4 @@
 import { TcolorScheme } from '../../experiments/color-scheme';
-import { CSS } from '../../stitches';
 import { GO_TO_NEXT_PAGE, GO_TO_PREVIOUS_PAGE, VIEW_ALL_POPOVER } from './pagination.constants';
 export type PaginationItemsToRender = (number | typeof VIEW_ALL_POPOVER | typeof GO_TO_PREVIOUS_PAGE | typeof GO_TO_NEXT_PAGE)[];
 interface Labels {
@@ -18,7 +17,7 @@ interface BasePaginationProps {
 export type TVisibleElementsCount = 6 | 8;
 export interface PaginationPageProps {
     pageNumber: number;
-    css?: CSS;
+    className?: string;
     onClick?: () => void;
 }
 export interface PaginationContextValue extends BasePaginationProps {
@@ -36,7 +35,7 @@ export type PaginationProviderProps = Pick<BasePaginationProps, 'pagesCount'> &
 };
 export interface PaginationProps extends PaginationProviderProps {
     colorScheme?: TcolorScheme;
-    css?: CSS;
+    className?: string;
     children?: React.ReactNode;
 }
 export {};

package/dist/src/components/password-field/PasswordField.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { FieldElementWrapperProps } from '../../../components/field-wrapper';
+import { PasswordInput } from '../../../components/password-input';
+type PasswordFieldProps = React.ComponentProps<typeof PasswordInput> & Omit<FieldElementWrapperProps, 'label'> & {
+    label?: string;
+};
+export declare const PasswordField: {
+    ({ className, hideLabel, label, name, prompt, description, validation, appearance, ...remainingProps }: PasswordFieldProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/{components → src/components}/password-input/PasswordInput.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { InputProps } from '../../components/input';
+import type { InputProps } from '../../../components/input';
 type PasswordInputProps = Omit<InputProps, 'type'> & {
     hidePasswordText?: string;
     showPasswordText?: string;
 };
-export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps>;
+export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/src/components/popover/Popover.d.ts

@@ -0,0 +1,12 @@
+export declare const Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps> & {
+    Content: ({ children, side, sideOffset, closePopoverText, showCloseButton, size, ...remainingProps }: Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement> & {
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@radix-ui/react-popover").PopoverContentProps & {
+        closePopoverText?: string;
+        showCloseButton?: boolean;
+    }) => import("react").JSX.Element;
+    Portal: import("react").FC<import("@radix-ui/react-popover").PopoverPortalProps>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};

package/dist/src/components/popover/PopoverContent.d.ts

@@ -0,0 +1,13 @@
+import { Content } from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const StyledContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PopoverContentProps = React.ComponentProps<typeof StyledContent> & React.ComponentProps<typeof Content> & {
+    closePopoverText?: string;
+    showCloseButton?: boolean;
+};
+export declare const PopoverContent: ({ children, side, sideOffset, closePopoverText, showCloseButton, size, ...remainingProps }: PopoverContentProps) => React.JSX.Element;
+export {};

package/dist/src/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,20 @@
+import * as Progress from '@radix-ui/react-progress';
+import * as React from 'react';
+declare const StyledProgressBar: React.ForwardRefExoticComponent<Omit<Progress.ProgressProps & React.RefAttributes<HTMLDivElement> & {
+    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+    theme?: ("warning" | "success" | "info" | "neutral" | "primary" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "info" | "neutral" | "primary" | "danger">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ProgressBarProps = React.ComponentPropsWithoutRef<typeof StyledProgressBar> & ({
+    id: string;
+    'aria-label'?: string;
+} | {
+    'aria-label': string;
+    id?: string;
+});
+export declare const ProgressBar: {
+    ({ value, max, size, theme, ...remainingProps }: ProgressBarProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/radio-button/RadioButton.d.ts

@@ -0,0 +1,18 @@
+import * as RadioGroup from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import { Override } from '~/utilities/types';
+declare const StyledRadioButton: React.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement> & {
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type RadioButtonProps = Override<React.ComponentProps<typeof StyledRadioButton>, {
+    as?: never;
+} & {
+    'aria-label'?: string;
+}>;
+export declare const RadioButton: {
+    ({ size, ...props }: RadioButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/radio-button/RadioButtonGroup.d.ts

@@ -0,0 +1,6 @@
+import * as RadioGroup from '@radix-ui/react-radio-group';
+export declare const RadioButtonGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement> & {
+    direction?: ("row" | "column" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "column">>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/radio-button-field/RadioButtonField.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { FieldElementWrapperProps } from '../../../components/field-wrapper';
+import { RadioButtonGroup } from '../../../components/radio-button';
+type RadioButtonFieldProps = React.ComponentProps<typeof RadioButtonGroup> & FieldElementWrapperProps;
+export declare const RadioButtonField: {
+    ({ children, className, direction, defaultValue, value, description, label, name, validation, onValueChange, ...remainingProps }: RadioButtonFieldProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Item: {
+        ({ className, label, value, ...remainingProps }: {
+            className?: string;
+            defaultChecked?: boolean;
+            error?: string;
+            label: string;
+            validation?: import("../../../components/form").ValidationOptions;
+        } & Omit<Omit<import("@radix-ui/react-radio-group").RadioGroupItemProps & React.RefAttributes<HTMLButtonElement> & {
+            size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLButtonElement>, "aria-label" | "as"> & {
+            as?: never;
+        } & {
+            'aria-label'?: string;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};

package/dist/{components → src/components}/radio-button-field/RadioField.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
-import { ValidationOptions } from '../../components/form';
-import { RadioButton } from '../../components/radio-button';
-import { CSS } from '../../stitches';
+import { ValidationOptions } from '../../../components/form';
+import { RadioButton } from '../../../components/radio-button';
 type RadioFieldProps = {
-    css?: CSS;
+    className?: string;
     defaultChecked?: boolean;
     error?: string;
     label: string;
     validation?: ValidationOptions;
 } & React.ComponentProps<typeof RadioButton>;
 export declare const RadioField: {
-    ({ css, label, value, ...remainingProps }: RadioFieldProps): React.JSX.Element;
+    ({ className, label, value, ...remainingProps }: RadioFieldProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/components/radio-card/RadioCard.d.ts

@@ -0,0 +1,12 @@
+import * as RadioGroup from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const StyledRadioCard: React.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement> & {
+    align?: ("left" | "right" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "left" | "right">>) | undefined;
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    isFullWidth?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type RadioCardProps = React.ComponentProps<typeof StyledRadioCard>;
+export declare const RadioCard: ({ children, isFullWidth, size, align, ...rest }: RadioCardProps) => React.JSX.Element;
+export {};

package/dist/src/components/radio-card/RadioCardGroup.d.ts

@@ -0,0 +1,8 @@
+import * as RadioGroup from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import type { Override } from '../../../utilities';
+import { Flex } from '../flex';
+import { RadioCard } from './RadioCard';
+type RadioCardGroupProps = Override<Pick<React.ComponentProps<typeof Flex>, 'justify' | 'gap'> & React.ComponentProps<typeof RadioCard>, React.ComponentProps<typeof RadioGroup.Root>>;
+export declare const RadioCardGroup: ({ className, children, size, isFullWidth, align, gap, justify, ...rest }: RadioCardGroupProps) => React.JSX.Element;
+export {};

package/dist/src/components/search-field/SearchField.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FieldElementWrapperProps } from '../../../components/field-wrapper';
+import { SearchInputProps } from '../../../components/search-input';
+type SearchFieldProps = SearchInputProps & FieldElementWrapperProps;
+export declare const SearchField: {
+    ({ className, hideLabel, label, name, validation, prompt, description, appearance, ...remainingProps }: SearchFieldProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/{components → src/components}/search-input/SearchInput.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import { Input } from '../../components/input';
-import { CSS } from '../../stitches';
+import { Input } from '../../../components/input';
 export type SearchInputProps = React.ComponentProps<typeof Input> & {
     size?: 'sm' | 'md' | 'lg';
-    css?: CSS;
+    className?: string;
     value?: string;
     defaultValue?: string;
     onValueChange?: (newValue: string) => void;
     clearText?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps>;
+export declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/section-message/SectionMessage.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Flex } from '../flex';
+declare const StyledSectionMessage: React.ForwardRefExoticComponent<import("../dismissible/DismissibleRoot").IDismissibleRootInternalProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps & {
+    children?: React.ReactNode | undefined;
+} & {
+    theme?: ("warning" | "error" | "success" | "info" | "neutral" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "error" | "success" | "info" | "neutral">>) | undefined;
+    hasIcon?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    hasDismiss?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+} & React.RefAttributes<never>>;
+declare const SectionMessageRoot: ({ children, ...rest }: React.ComponentProps<typeof StyledSectionMessage>) => JSX.Element;
+export type SectionMessageTheme = 'success' | 'warning' | 'error' | 'neutral' | 'info';
+export interface SectionMessageProps extends React.ComponentProps<typeof SectionMessageRoot> {
+    theme?: SectionMessageTheme;
+}
+export declare const SectionMessage: {
+    ({ theme, ...rest }: SectionMessageProps): JSX.Element;
+    Title: (props: React.ComponentProps<typeof import("..").Text>) => JSX.Element;
+    Description: ({ className, ...rest }: React.ComponentProps<typeof import("..").Text>) => JSX.Element;
+    Icon: ({ className, is, ...rest }: Partial<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+        ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
+    } & {
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<SVGSVGElement>, "is" | "as"> & {
+        is: React.FC<React.SVGProps<SVGSVGElement>>;
+        as?: never;
+    }, "ref"> & React.RefAttributes<SVGSVGElement>>) => JSX.Element;
+    Dismiss: ({ label, className, ...rest }: React.ComponentProps<typeof import("..").ActionIcon>) => JSX.Element;
+    Content: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
+        className?: string;
+    }) => JSX.Element;
+    Actions: ({ className, ...rest }: React.ComponentProps<typeof Flex> & {
+        className?: string;
+    }) => JSX.Element;
+};
+export {};

package/dist/src/components/section-message/SectionMessageDescription.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Text } from '../text';
+export declare const SectionMessageDescription: ({ className, ...rest }: React.ComponentProps<typeof Text>) => JSX.Element;

package/dist/src/components/section-message/SectionMessageDismiss.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionIcon } from '../action-icon';
+export declare const SectionMessageDismiss: ({ label, className, ...rest }: React.ComponentProps<typeof ActionIcon>) => JSX.Element;

package/dist/{components → src/components}/section-message/SectionMessageIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { Icon } from '../icon';
 type SectionMessageIconProps = Partial<React.ComponentProps<typeof Icon>>;
-export declare const SectionMessageIcon: ({ css, is, ...rest }: SectionMessageIconProps) => JSX.Element;
+export declare const SectionMessageIcon: ({ className, is, ...rest }: SectionMessageIconProps) => JSX.Element;
 export {};

package/dist/src/components/section-message/SectionMessageLayout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Flex } from '../flex';
+export declare const SectionMessageContent: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+}) => JSX.Element;
+export declare const SectionMessageActions: ({ className, ...rest }: React.ComponentProps<typeof Flex> & {
+    className?: string;
+}) => JSX.Element;

package/dist/src/components/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,58 @@
+export declare const SegmentedControl: {
+    Root: ({ size, theme, defaultValue, children, ...props }: React.PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => React.JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+        value: string;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+        theme?: ("primary" | "marsh" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "marsh">>) | undefined;
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "size">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Heading: (props: Omit<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+    } & {
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement> & {
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>>, "size">) => JSX.Element;
+    Description: (props: Omit<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+    } & {
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement> & {
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>>, "size">) => JSX.Element;
+    Icon: (props: Omit<React.ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Badge: ({ className, ...props }: Omit<React.ComponentProps<typeof import("..").Badge>, "size">) => JSX.Element;
+    ItemList: (props: React.ComponentProps<{
+        ({ children, colorScheme, ...rest }: React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement> & {
+            as?: import("react").ElementType;
+        }, "ref"> & import("react").RefAttributes<HTMLDivElement>>> & {
+            colorScheme?: import("../..").TcolorScheme;
+        }): import("react").JSX.Element;
+        displayName: string;
+    }>) => JSX.Element;
+};

package/dist/src/components/segmented-control/SegmentedControlBadge.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Badge } from '../badge';
+export declare const SegmentedControlBadge: ({ className, ...props }: Omit<React.ComponentProps<typeof Badge>, "size">) => JSX.Element;

package/dist/src/components/segmented-control/SegmentedControlContent.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const SegmentedControlContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/segmented-control/SegmentedControlDescription.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+} & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const SegmentedControlDescription: (props: Omit<React.ComponentProps<typeof StyledText>, "size">) => JSX.Element;
+export {};