@spacing-ui/core 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, HTMLAttributes, ReactElement, Ref } from 'react';
 
 type Renderable<S> = ReactNode | ((state: S) => ReactNode);
 interface SelectProps {
@@ -7,13 +7,13 @@ interface SelectProps {
     onValueChange: (value: string) => void;
     children: ReactNode;
 }
-interface TriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+interface TriggerProps$4 extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     children?: Renderable<{
         open: boolean;
         value: string;
     }>;
 }
-interface ContentProps extends HTMLAttributes<HTMLDivElement> {
+interface ContentProps$4 extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 interface OptionProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
@@ -25,9 +25,153 @@ interface OptionProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     }>;
 }
 declare const Select: (({ value, onValueChange, children }: SelectProps) => react.JSX.Element) & {
-    Trigger: react.ForwardRefExoticComponent<TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    Content: ({ children, onKeyDown, ...rest }: ContentProps) => react.JSX.Element | null;
+    Trigger: react.ForwardRefExoticComponent<TriggerProps$4 & react.RefAttributes<HTMLButtonElement>>;
+    Content: ({ children, onKeyDown, ...rest }: ContentProps$4) => react.JSX.Element | null;
     Option: ({ value, textValue, children, onMouseEnter, onClick, ...rest }: OptionProps) => react.JSX.Element;
 };
 
-export { type ContentProps, type OptionProps, Select, type SelectProps, type TriggerProps };
+interface ProviderProps {
+    children: ReactNode;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+}
+interface RootProps$3 {
+    children: ReactNode;
+    delayDuration?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+type SlottableProps = HTMLAttributes<HTMLElement> & {
+    ref?: Ref<HTMLElement>;
+    "aria-describedby"?: string;
+};
+interface TriggerProps$3 {
+    children: ReactElement<SlottableProps>;
+}
+interface ContentProps$3 extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    forceMount?: boolean;
+}
+declare const Tooltip: (({ children, delayDuration, open: controlledOpen, defaultOpen, onOpenChange, }: RootProps$3) => react.JSX.Element) & {
+    Provider: ({ children, delayDuration, skipDelayDuration, }: ProviderProps) => react.JSX.Element;
+    Trigger: ({ children }: TriggerProps$3) => ReactElement<SlottableProps, string | react.JSXElementConstructor<any>>;
+    Content: ({ children, forceMount, id, ...rest }: ContentProps$3) => react.JSX.Element | null;
+};
+
+interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultChecked"> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+type CheckedState = boolean | "indeterminate";
+interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultChecked"> {
+    checked?: CheckedState;
+    defaultChecked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    disabled?: boolean;
+    required?: boolean;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface RadioGroupRootProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+interface ItemProps$1 extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    value: string;
+    disabled?: boolean;
+}
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupRootProps & react.RefAttributes<HTMLDivElement>> & {
+    Item: react.ForwardRefExoticComponent<ItemProps$1 & react.RefAttributes<HTMLButtonElement>>;
+};
+
+type Orientation = "horizontal" | "vertical";
+type ActivationMode = "automatic" | "manual";
+interface RootProps$2 extends HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: Orientation;
+    activationMode?: ActivationMode;
+}
+interface ListProps extends HTMLAttributes<HTMLDivElement> {
+    loop?: boolean;
+}
+interface TriggerProps$2 extends ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    disabled?: boolean;
+}
+interface ContentProps$2 extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    forceMount?: boolean;
+}
+declare const Tabs: react.ForwardRefExoticComponent<RootProps$2 & react.RefAttributes<HTMLDivElement>> & {
+    List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<TriggerProps$2 & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<ContentProps$2 & react.RefAttributes<HTMLDivElement>>;
+};
+
+type RootProps$1 = (HTMLAttributes<HTMLDivElement> & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    collapsible?: boolean;
+    disabled?: boolean;
+}) | (HTMLAttributes<HTMLDivElement> & {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    disabled?: boolean;
+});
+interface ItemProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+}
+type TriggerProps$1 = ButtonHTMLAttributes<HTMLButtonElement>;
+interface ContentProps$1 extends HTMLAttributes<HTMLDivElement> {
+    forceMount?: boolean;
+}
+declare const Accordion: react.ForwardRefExoticComponent<RootProps$1 & react.RefAttributes<HTMLDivElement>> & {
+    Item: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<TriggerProps$1 & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<ContentProps$1 & react.RefAttributes<HTMLDivElement>>;
+};
+
+interface RootProps {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+type TriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
+interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    forceMount?: boolean;
+}
+interface ContentProps extends HTMLAttributes<HTMLDivElement> {
+    forceMount?: boolean;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+}
+type TitleProps = HTMLAttributes<HTMLHeadingElement>;
+type DescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CloseProps = ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Dialog: (({ children, open: controlled, defaultOpen, onOpenChange, modal, }: RootProps) => react.JSX.Element) & {
+    Trigger: react.ForwardRefExoticComponent<TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    Overlay: react.ForwardRefExoticComponent<OverlayProps & react.RefAttributes<HTMLDivElement>>;
+    Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+    Title: react.ForwardRefExoticComponent<TitleProps & react.RefAttributes<HTMLHeadingElement>>;
+    Description: react.ForwardRefExoticComponent<DescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+    Close: react.ForwardRefExoticComponent<CloseProps & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { Accordion, type ContentProps$1 as AccordionContentProps, type ItemProps as AccordionItemProps, type RootProps$1 as AccordionProps, type TriggerProps$1 as AccordionTriggerProps, Checkbox, type CheckboxProps, type CheckedState, Dialog, type CloseProps as DialogCloseProps, type ContentProps as DialogContentProps, type DescriptionProps as DialogDescriptionProps, type OverlayProps as DialogOverlayProps, type RootProps as DialogProps, type TitleProps as DialogTitleProps, type TriggerProps as DialogTriggerProps, RadioGroup, type ItemProps$1 as RadioGroupItemProps, type RadioGroupRootProps as RadioGroupProps, Select, type ContentProps$4 as SelectContentProps, type OptionProps as SelectOptionProps, type SelectProps, type TriggerProps$4 as SelectTriggerProps, Switch, type SwitchProps, Tabs, type ContentProps$2 as TabsContentProps, type ListProps as TabsListProps, type RootProps$2 as TabsProps, type TriggerProps$2 as TabsTriggerProps, Tooltip, type ContentProps$3 as TooltipContentProps, type RootProps$3 as TooltipProps, type ProviderProps as TooltipProviderProps, type TriggerProps$3 as TooltipTriggerProps };