@clickpalm/react 1.0.0 → 1.1.1

package/dist/index.d.ts

@@ -4,13 +4,13 @@ import * as _stitches_react_types_styled_component from '@stitches/react/types/s
 import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
 import * as react from 'react';
-import react__default, { ComponentProps, ComponentPropsWithoutRef, ReactNode, ElementType, InputHTMLAttributes, SVGProps, CSSProperties } from 'react';
+import react__default, { ComponentProps, ComponentPropsWithoutRef, ElementType, ReactNode, InputHTMLAttributes, SVGProps, CSSProperties } from 'react';
 import * as _stitches_react_types_util from '@stitches/react/types/util';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as Avatar$1 from '@radix-ui/react-avatar';
 import * as Checkbox$1 from '@radix-ui/react-checkbox';
-import * as Progress from '@radix-ui/react-progress';
 import { VariantProps, CSS } from '@stitches/react';
+import * as Progress from '@radix-ui/react-progress';
 import * as CustomSelect from '@radix-ui/react-select';
 import * as OneTimePasswordField from '@radix-ui/react-one-time-password-field';
 
@@ -2304,10 +2304,7 @@ interface CheckboxProps extends ComponentProps<typeof CheckboxContainer> {
     onCheckedChange: (checked: boolean | 'indeterminate') => void;
     errorMessage?: string;
 }
-declare function Checkbox({ label, checked, onCheckedChange, errorMessage, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Checkbox {
-    var displayName: string;
-}
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 interface DatePickerInputProps {
     label: string;
@@ -2316,7 +2313,7 @@ interface DatePickerInputProps {
 }
 declare const Datepicker: ({ label, value, onChange }: DatePickerInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const Hr: _stitches_react_types_styled_component.StyledComponent<"hr", {
+declare const StyledHr: _stitches_react_types_styled_component.StyledComponent<"hr", {
     variant?: "gray" | "purple" | undefined;
 }, {
     sm: "(min-width: 375px)";
@@ -2536,7 +2533,15 @@ declare const Hr: _stitches_react_types_styled_component.StyledComponent<"hr", {
     textShadow: "shadows";
     transition: "transitions";
     zIndex: "zIndices";
-}, {}>>;
+}, {}>>;
+type CustomCSS$4 = CSS<typeof config>;
+interface HrProps extends ComponentPropsWithoutRef<'hr'>, VariantProps<typeof StyledHr> {
+    as?: ElementType;
+    css?: CustomCSS$4;
+    children?: React.ReactNode;
+    variant?: 'gray' | 'purple';
+}
+declare const Hr: react.ForwardRefExoticComponent<HrProps & react.RefAttributes<HTMLHRElement>>;
 
 interface ModalProps {
     open: boolean;
@@ -3064,6 +3069,27 @@ declare const Tooltip: {
     displayName: string;
 };
 
+interface LoadingSpinnerProps {
+    show: boolean;
+    fullscreen?: boolean;
+}
+declare const Loader: React.FC<LoadingSpinnerProps>;
+
+interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    prefix?: string;
+    suffix?: react__default.ReactNode;
+    noMargin?: boolean;
+    errorMessage?: string;
+}
+declare const Input: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<HTMLInputElement>>;
+
+type MaskType = 'cellPhone' | 'homePhone' | 'cep' | 'cpf' | 'cnpj' | 'date';
+interface MaskedInputProps extends TextInputProps {
+    maskType: MaskType;
+}
+declare const MaskedInput: react__default.ForwardRefExoticComponent<MaskedInputProps & react__default.RefAttributes<HTMLInputElement>>;
+
 declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
@@ -3288,10 +3314,10 @@ declare const StyledButton: _stitches_react_types_styled_component.StyledCompone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CustomCSS$2 = CSS<typeof config>;
+type CustomCSS$3 = CSS<typeof config>;
 interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
     as?: ElementType;
-    css?: CustomCSS$2;
+    css?: CustomCSS$3;
     children?: React.ReactNode;
     variant?: 'primary' | 'secondary' | 'tertiary';
     size?: 'xs' | 'sm' | 'md' | 'lg';
@@ -3300,10 +3326,10 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<t
 }
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-type CustomCSS$1 = CSS<typeof config>;
+type CustomCSS$2 = CSS<typeof config>;
 interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
     as?: ElementType;
-    css?: CustomCSS$1;
+    css?: CustomCSS$2;
     variant?: 'gray' | 'white';
     children?: React.ReactNode;
 }
@@ -3312,20 +3338,20 @@ declare const Box: {
     displayName: string;
 };
 
-type CustomCSS = CSS<typeof config>;
-interface TextProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof Text> {
+type CustomCSS$1 = CSS<typeof config>;
+interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof Paragraph> {
     as?: ElementType;
-    css?: CustomCSS;
+    css?: CustomCSS$1;
     size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
     wheight?: "regular" | "medium" | "bold";
     lineHeight?: "regular" | "shorter" | "short" | "base" | "tall";
 }
-declare const Text: {
-    (props: TextProps): react_jsx_runtime.JSX.Element;
+declare const Paragraph: {
+    (props: ParagraphProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const Heading: _stitches_react_types_styled_component.StyledComponent<"h2", {
+declare const StyledHeading: _stitches_react_types_styled_component.StyledComponent<"h2", {
     size?: "sm" | "md" | "lg" | "2xl" | "4xl" | "5xl" | "6xl" | "3xl" | undefined;
 }, {
     sm: "(min-width: 375px)";
@@ -3546,18 +3572,14 @@ declare const Heading: _stitches_react_types_styled_component.StyledComponent<"h
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-interface HeadingProps extends VariantProps<typeof Heading> {
+type CustomCSS = CSS<typeof config>;
+interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<typeof StyledHeading> {
     as?: ElementType;
-}
-
-interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: string;
-    prefix?: string;
-    suffix?: react__default.ReactNode;
-    noMargin?: boolean;
-    errorMessage?: string;
+    css?: CustomCSS;
+    children?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
 }
-declare const Input: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<HTMLInputElement>>;
+declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
 
 interface SelectItem {
     value: string;
@@ -3610,19 +3632,20 @@ interface OneTimePasswordProps extends ComponentPropsWithoutRef<typeof OneTimePa
     label: string;
     length: number;
     value: string;
+    errorMessage?: string;
     onValueChange: (value: string) => void;
 }
 declare const OneTimePassword: {
-    ({ label, length, value, onValueChange, ...rootProps }: OneTimePasswordProps): react_jsx_runtime.JSX.Element;
+    ({ label, length, value, errorMessage, onValueChange, ...rootProps }: OneTimePasswordProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 declare const Toast: react.FC;
 
 declare const toast: {
-    success: (title: string, description: string) => void;
-    warning: (title: string, description: string) => void;
-    error: (title: string, description: string) => void;
+    success: (title: string, description?: string) => void;
+    warning: (title: string, description?: string) => void;
+    error: (title: string, description?: string) => void;
 };
 
 type Orientation = 'horizontal' | 'vertical';
@@ -3653,4 +3676,4 @@ interface CarouselItemProps {
 type PasswordInputProps = Omit<TextInputProps, 'type' | 'suffix'>;
 declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
 
-export { Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Heading, HeadingProps, Hr, Icon, IconProps, Input, LabelledValue, LabelledValueProps, Modal, MultiStep, MultiStepProps, OneTimePassword, OneTimePasswordProps, PasswordInput, PasswordInputProps, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectProps, Spacing, Span, Switch, SwitchProps, Tabs, Text, TextArea, TextAreaElement, TextAreaProps, TextInputProps, TextProps, Toast, Tooltip, TooltipProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme, toast };
+export { Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Heading, HeadingProps, Hr, HrProps, Icon, IconProps, Input, LabelledValue, LabelledValueProps, Loader, MaskType, MaskedInput, MaskedInputProps, Modal, MultiStep, MultiStepProps, OneTimePassword, OneTimePasswordProps, Paragraph, ParagraphProps, PasswordInput, PasswordInputProps, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectProps, Spacing, Span, StyledHr, Switch, SwitchProps, Tabs, TextArea, TextAreaElement, TextAreaProps, TextInputProps, Toast, Tooltip, TooltipProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme, toast };