strata-ui-react 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { Avatar as Avatar_2 } from '@base-ui/react/avatar';
 import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { ComponentProps } from 'react';
 import { DeepKeysOfType } from '@tanstack/react-form';
 import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
 import { FieldsMap } from '@tanstack/react-form';
@@ -14,15 +15,19 @@ import { FunctionComponent } from 'react';
 import { Icon } from '@phosphor-icons/react';
 import { Input as Input_2 } from '@base-ui/react/input';
 import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 import { PropsWithChildren } from 'react';
 import { Ranger } from '@tanstack/react-ranger';
-import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
 import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
 import { Separator as Separator_2 } from '@base-ui/react/separator';
 import { Switch as Switch_2 } from '@base-ui/react/switch';
 import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
 import { Toast as Toast_2 } from '@base-ui/react/toast';
 import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
+import { TouchEventHandler } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { WithFieldGroupProps } from '@tanstack/react-form';
 import { WithFormProps } from '@tanstack/react-form';
@@ -31,13 +36,13 @@ export declare const Avatar: ({ className, children, ref, ...props }: AvatarProp
 
 export declare const AvatarFallback: ({ className, ref, ...props }: AvatarFallbackProps) => JSX.Element;
 
-export declare type AvatarFallbackProps = React.ComponentProps<typeof Avatar_2.Fallback>;
+export declare type AvatarFallbackProps = ComponentProps<typeof Avatar_2.Fallback>;
 
 export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => JSX.Element;
 
-export declare type AvatarImageProps = React.ComponentProps<typeof Avatar_2.Image>;
+export declare type AvatarImageProps = ComponentProps<typeof Avatar_2.Image>;
 
-export declare type AvatarProps = React.ComponentProps<typeof Avatar_2.Root>;
+export declare type AvatarProps = ComponentProps<typeof Avatar_2.Root>;
 
 export declare const Badge: ({ className, tone, style, radius, children, ref, ...props }: BadgeExtendedProps) => JSX.Element;
 
@@ -46,7 +51,7 @@ export declare interface BadgeExtendedProps extends Omit<BadgeProps, "style">, V
     radius?: "rounded" | "circle";
 }
 
-declare type BadgeProps = React_2.ComponentProps<"div">;
+declare type BadgeProps = ComponentProps<"div">;
 
 declare const badgeVariants: (props?: ({
     tone?: "primary" | "secondary" | "tertiary" | "neutral" | "error" | "success" | "warning" | null | undefined;
@@ -56,7 +61,7 @@ declare const badgeVariants: (props?: ({
 
 export declare function Button({ className, children, tone, style, size, ...props }: ButtonExtendedProps): JSX.Element;
 
-export declare interface ButtonExtendedProps extends Omit<React_2.ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
+export declare interface ButtonExtendedProps extends Omit<ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
     style?: "solid" | "outline" | "ghost";
 }
 
@@ -70,10 +75,10 @@ export declare const Checkbox: ({ className, ref, label, id, disabled, ...props
 
 export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => JSX.Element;
 
-export declare type CheckboxIndicatorProps = React_2.ComponentProps<typeof Checkbox_2.Indicator>;
+export declare type CheckboxIndicatorProps = ComponentProps<typeof Checkbox_2.Indicator>;
 
-export declare type CheckboxRootProps = React_2.ComponentProps<typeof Checkbox_2.Root> & {
-    label?: React_2.ReactNode;
+export declare type CheckboxRootProps = ComponentProps<typeof Checkbox_2.Root> & {
+    label?: ReactNode;
 };
 
 export declare function cn(...inputs: Array<ClassValue>): string;
@@ -82,31 +87,31 @@ export declare const Dialog: ({ ...props }: DialogProps) => JSX.Element;
 
 export declare const DialogClose: ({ className, children, ref, ...props }: DialogCloseProps) => JSX.Element;
 
-export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog_2.Close>;
+export declare type DialogCloseProps = ComponentProps<typeof Dialog_2.Close>;
 
 export declare const DialogDescription: ({ className, children, ref, ...props }: DialogDescriptionProps) => JSX.Element;
 
-export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog_2.Description>;
+export declare type DialogDescriptionProps = ComponentProps<typeof Dialog_2.Description>;
 
 export declare const DialogPopup: ({ className, children, showCloseButton, ref, ...props }: DialogPopupProps) => JSX.Element;
 
-export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog_2.Popup> & {
+export declare type DialogPopupProps = ComponentProps<typeof Dialog_2.Popup> & {
     showCloseButton?: boolean;
 };
 
-export declare type DialogProps = React_2.ComponentProps<typeof Dialog_2.Root>;
+export declare type DialogProps = ComponentProps<typeof Dialog_2.Root>;
 
 export declare const DialogTitle: ({ className, children, ref, ...props }: DialogTitleProps) => JSX.Element;
 
-export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog_2.Title>;
+export declare type DialogTitleProps = ComponentProps<typeof Dialog_2.Title>;
 
 export declare const DialogTrigger: ({ className, children, ref, ...props }: DialogTriggerProps) => JSX.Element;
 
-export declare type DialogTriggerProps = React_2.ComponentProps<typeof Dialog_2.Trigger>;
+export declare type DialogTriggerProps = ComponentProps<typeof Dialog_2.Trigger>;
 
 export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
 
-export declare type FieldErrorsProps = React.ComponentProps<"div">;
+export declare type FieldErrorsProps = ComponentProps<"div">;
 
 export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
 
@@ -165,24 +170,24 @@ export declare const Form: {
 
 export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
 
-export declare type FormErrorsProps = React.ComponentProps<"div">;
+export declare type FormErrorsProps = ComponentProps<"div">;
 
 export declare const FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
 
 export declare const Input: ({ leadingIcon, showSeparator, className, ref, ...props }: InputProps) => JSX.Element;
 
-export declare type InputProps = React_2.ComponentProps<typeof Input_2> & {
+export declare type InputProps = ComponentProps<typeof Input_2> & {
     leadingIcon?: Icon;
     showSeparator?: boolean;
 };
 
 export declare const Label: ({ className, children, ref, ...props }: LabelProps) => JSX.Element;
 
-export declare type LabelProps = React_2.ComponentProps<"label">;
+export declare type LabelProps = ComponentProps<"label">;
 
 export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, children, ref, ...props }: ProfileProps) => JSX.Element;
 
-export declare type ProfileProps = React.ComponentProps<"button"> & {
+export declare type ProfileProps = ComponentProps<"button"> & {
     imageUrl: string;
     fallbackText: string;
     profileName?: string;
@@ -192,13 +197,13 @@ export declare type ProfileProps = React.ComponentProps<"button"> & {
 
 export declare const ScrollArea: ({ orientation, className, children, ref, ...props }: ScrollAreaProps) => JSX.Element;
 
-export declare type ScrollAreaProps = React_2.ComponentProps<typeof ScrollArea_2.Root> & {
+export declare type ScrollAreaProps = ComponentProps<typeof ScrollArea_2.Root> & {
     orientation?: "horizontal" | "vertical";
 };
 
 export declare const Separator: ({ className, children, ref, ...props }: SeparatorProps) => JSX.Element;
 
-export declare type SeparatorProps = Omit<React.ComponentProps<typeof Separator_2>, "style"> & VariantProps<typeof separatorVariants>;
+export declare type SeparatorProps = Omit<ComponentProps<typeof Separator_2>, "style"> & VariantProps<typeof separatorVariants>;
 
 declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -209,16 +214,16 @@ export declare const Slider: ({ leadingIcon: LeadingIcon, trailingIcon: Trailing
 
 export declare const SliderHandle: ({ sliderInstance, isActive, onKeyDownHandler, onMouseDownHandler, onTouchStart, value, className, children, ref, ...props }: SliderHandleProps) => JSX.Element;
 
-export declare type SliderHandleProps = React.ComponentProps<"button"> & {
+export declare type SliderHandleProps = ComponentProps<"button"> & {
     sliderInstance: Ranger<HTMLDivElement>;
     isActive: boolean;
-    onKeyDownHandler: React.KeyboardEventHandler<HTMLButtonElement>;
-    onMouseDownHandler: React.MouseEventHandler<HTMLButtonElement>;
-    onTouchStart: React.TouchEventHandler<HTMLButtonElement>;
+    onKeyDownHandler: KeyboardEventHandler<HTMLButtonElement>;
+    onMouseDownHandler: MouseEventHandler<HTMLButtonElement>;
+    onTouchStart: TouchEventHandler<HTMLButtonElement>;
     value: number;
 };
 
-export declare type SliderProps = React.ComponentProps<"div"> & {
+export declare type SliderProps = ComponentProps<"div"> & {
     leadingIcon?: Icon;
     trailingIcon?: Icon;
     min?: number;
@@ -231,7 +236,7 @@ export declare type SliderProps = React.ComponentProps<"div"> & {
 
 export declare const SliderSegment: ({ index, steps, left, width, className, children, ref, ...props }: SliderSegmentProps) => JSX.Element;
 
-export declare type SliderSegmentProps = React.ComponentProps<"div"> & {
+export declare type SliderSegmentProps = ComponentProps<"div"> & {
     index: number;
     steps: number;
     left: number;
@@ -242,21 +247,21 @@ export declare const SliderTick: ({ percentage, className, children, ref, ...pro
 
 export declare const SliderTickLabel: ({ className, children, ref, ...props }: SliderTickLabelProps) => JSX.Element;
 
-export declare type SliderTickLabelProps = React.ComponentProps<"p">;
+export declare type SliderTickLabelProps = ComponentProps<"p">;
 
-export declare type SliderTickProps = React.ComponentProps<"div"> & {
+export declare type SliderTickProps = ComponentProps<"div"> & {
     percentage: number;
 };
 
 export declare const SliderTrack: ({ className, children, sliderRef, ...props }: SliderTrackProps) => JSX.Element;
 
-export declare type SliderTrackProps = React.ComponentProps<"div"> & {
-    sliderRef: React.RefObject<HTMLDivElement | null>;
+export declare type SliderTrackProps = ComponentProps<"div"> & {
+    sliderRef: RefObject<HTMLDivElement | null>;
 };
 
 export declare const Switch: ({ label, className, ref, ...props }: SwitchProps) => JSX.Element;
 
-export declare type SwitchProps = React.ComponentProps<typeof Switch_2.Root> & {
+export declare type SwitchProps = ComponentProps<typeof Switch_2.Root> & {
     label?: string;
 };
 
@@ -264,31 +269,31 @@ export declare const Tabs: ({ className, ref, ...props }: TabsProps) => JSX.Elem
 
 export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => JSX.Element;
 
-export declare type TabsIndicatorProps = React_2.ComponentProps<typeof Tabs_2.Indicator>;
+export declare type TabsIndicatorProps = ComponentProps<typeof Tabs_2.Indicator>;
 
 export declare const TabsList: ({ className, ...props }: TabsListProps) => JSX.Element;
 
-export declare type TabsListProps = React_2.ComponentProps<typeof Tabs_2.List>;
+export declare type TabsListProps = ComponentProps<typeof Tabs_2.List>;
 
 export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => JSX.Element;
 
-export declare type TabsPanelProps = React_2.ComponentProps<typeof Tabs_2.Panel>;
+export declare type TabsPanelProps = ComponentProps<typeof Tabs_2.Panel>;
 
-export declare type TabsProps = React_2.ComponentProps<typeof Tabs_2.Root>;
+export declare type TabsProps = ComponentProps<typeof Tabs_2.Root>;
 
 export declare const TabsTab: ({ className, ...props }: TabsTabProps) => JSX.Element;
 
-export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs_2.Tab>;
+export declare type TabsTabProps = ComponentProps<typeof Tabs_2.Tab>;
 
 export declare const Toast: ({ className, children, position, ref, ...props }: ToastProps) => JSX.Element[];
 
-export declare type ToastProps = React_2.ComponentProps<"div"> & {
+export declare type ToastProps = ComponentProps<"div"> & {
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 };
 
 export declare const ToastProvider: ({ position, className, children, ref, ...props }: ToastProviderProps) => JSX.Element;
 
-export declare type ToastProviderProps = React_2.ComponentProps<typeof Toast_2.Viewport> & {
+export declare type ToastProviderProps = ComponentProps<typeof Toast_2.Viewport> & {
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 };
 
@@ -296,12 +301,12 @@ export declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Elem
 
 export declare const TooltipContent: ({ className, children, ...props }: TooltipContentProps) => JSX.Element;
 
-export declare type TooltipContentProps = React_2.ComponentProps<typeof Tooltip_2.Popup>;
+export declare type TooltipContentProps = ComponentProps<typeof Tooltip_2.Popup>;
 
-export declare type TooltipProps = React_2.ComponentProps<typeof Tooltip_2.Root>;
+export declare type TooltipProps = ComponentProps<typeof Tooltip_2.Root>;
 
 export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => JSX.Element;
 
-export declare type TooltipTriggerProps = React_2.ComponentProps<typeof Tooltip_2.Trigger>;
+export declare type TooltipTriggerProps = ComponentProps<typeof Tooltip_2.Trigger>;
 
 export { }