@clickpalm/react 1.2.0 → 1.2.2

package/dist/index.d.ts

@@ -4,7 +4,7 @@ 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, ElementType, ReactNode, InputHTMLAttributes, SVGProps, CSSProperties } from 'react';
+import react__default, { ComponentProps, ComponentPropsWithoutRef, ElementType, ReactNode, InputHTMLAttributes, CSSProperties, SVGProps } 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';
@@ -2535,10 +2535,10 @@ declare const StyledHr: _stitches_react_types_styled_component.StyledComponent<"
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CustomCSS$4 = CSS<typeof config>;
+type CustomCSS$5 = CSS<typeof config>;
 interface HrProps extends ComponentPropsWithoutRef<'hr'>, VariantProps<typeof StyledHr> {
     as?: ElementType;
-    css?: CustomCSS$4;
+    css?: CustomCSS$5;
     children?: React.ReactNode;
     variant?: 'gray' | 'purple';
 }
@@ -2548,6 +2548,7 @@ interface ModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title: string;
+    description?: string;
     children: react__default.ReactNode;
 }
 declare const Modal: react__default.FC<ModalProps>;
@@ -2570,7 +2571,7 @@ interface RadioProps {
     required?: boolean;
     errorMessage?: string;
 }
-declare const Radio: ({ labels, value, onChange, disabled, required, errorMessage }: RadioProps) => react_jsx_runtime.JSX.Element;
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLDivElement>>;
 
 type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg' | 'xxxlg';
 interface SpacingProps {
@@ -2589,7 +2590,7 @@ interface SwitchProps {
     id?: string;
     errorMessage?: string;
 }
-declare const Switch: ({ label, checked, defaultChecked, onCheckedChange, disabled, required, id, errorMessage }: SwitchProps) => react_jsx_runtime.JSX.Element;
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface TabsProps {
     defaultValue?: string;
@@ -3051,10 +3052,7 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, VariantPro
     htmlFor?: string;
     errorMessage?: string;
 }
-declare const TextArea: {
-    ({ label, id, htmlFor, errorMessage, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
 interface TooltipProps {
     content: ReactNode;
@@ -3094,11 +3092,12 @@ declare const MaskedInput: react__default.ForwardRefExoticComponent<MaskedInputP
 interface DropdownProps {
     children: react__default.ReactNode;
 }
+type DropdownItemProps = ComponentProps<typeof DropdownMenu.Item>;
 declare const Dropdown: {
     ({ children }: DropdownProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DropdownItem: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
+declare const DropdownSeparator: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
     sm: "(min-width: 375px)";
     md: "(min-width: 768px)";
     lg: "(min-width: 1024px)";
@@ -3317,7 +3316,14 @@ declare const DropdownItem: _stitches_react_types_styled_component.StyledCompone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const DropdownSeparator: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
+declare const DropdownItem: react__default.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
+    variant?: "primary" | "secondary" | "tertiary" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | undefined;
+    full?: boolean | "true" | undefined;
+    round?: "md" | "lg" | "xlg" | undefined;
+}, {
     sm: "(min-width: 375px)";
     md: "(min-width: 768px)";
     lg: "(min-width: 1024px)";
@@ -3535,13 +3541,35 @@ declare const DropdownSeparator: _stitches_react_types_styled_component.StyledCo
     textShadow: "shadows";
     transition: "transitions";
     zIndex: "zIndices";
-}, {}>>;
+}, {}>>;
+type CustomCSS$4 = CSS<typeof config>;
+interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
+    as?: ElementType;
+    css?: CustomCSS$4;
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    full?: boolean;
+    round?: 'md' | 'lg' | 'xlg';
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | undefined;
-    full?: boolean | "true" | undefined;
-    round?: "md" | "lg" | "xlg" | undefined;
+type CustomCSS$3 = CSS<typeof config>;
+interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
+    as?: ElementType;
+    css?: CustomCSS$3;
+    variant?: 'gray' | 'white';
+    children?: React.ReactNode;
+}
+declare const Box: {
+    (props: BoxProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const StyledParagraph: _stitches_react_types_styled_component.StyledComponent<"p", {
+    size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
+    wheight?: "regular" | "medium" | "bold" | undefined;
+    lineHeight?: "regular" | "shorter" | "short" | "base" | "tall" | undefined;
 }, {
     sm: "(min-width: 375px)";
     md: "(min-width: 768px)";
@@ -3761,34 +3789,10 @@ declare const StyledButton: _stitches_react_types_styled_component.StyledCompone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CustomCSS$3 = CSS<typeof config>;
-interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
-    as?: ElementType;
-    css?: CustomCSS$3;
-    children?: React.ReactNode;
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    full?: boolean;
-    round?: 'md' | 'lg' | 'xlg';
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
 type CustomCSS$2 = CSS<typeof config>;
-interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
+interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof StyledParagraph> {
     as?: ElementType;
     css?: CustomCSS$2;
-    variant?: 'gray' | 'white';
-    children?: React.ReactNode;
-}
-declare const Box: {
-    (props: BoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type CustomCSS$1 = CSS<typeof config>;
-interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof Paragraph> {
-    as?: ElementType;
-    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";
@@ -4019,10 +4023,10 @@ declare const StyledHeading: _stitches_react_types_styled_component.StyledCompon
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CustomCSS = CSS<typeof config>;
+type CustomCSS$1 = CSS<typeof config>;
 interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<typeof StyledHeading> {
     as?: ElementType;
-    css?: CustomCSS;
+    css?: CustomCSS$1;
     children?: React.ReactNode;
     size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
 }
@@ -4032,16 +4036,17 @@ interface SelectItem {
     value: string;
     label: string;
 }
+type CustomCSS = CSS<typeof config>;
 interface SelectProps extends ComponentProps<typeof CustomSelect.Root> {
     items: SelectItem[];
     placeholder?: string;
     label?: string;
     errorMessage?: string;
+    css?: CustomCSS;
+    className?: string;
+    style?: CSSProperties;
 }
-declare function Select({ value, onValueChange, items, placeholder, label, errorMessage, ...rest }: SelectProps): react_jsx_runtime.JSX.Element;
-declare namespace Select {
-    var displayName: string;
-}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface LabelledValueProps {
     position?: 'vertical' | 'horizontal';
@@ -4130,4 +4135,4 @@ interface AccordionProps {
 }
 declare const Accordion: react__default.ForwardRefExoticComponent<AccordionProps & react__default.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Dropdown, DropdownItem, DropdownSeparator, 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 };
+export { Accordion, Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Dropdown, DropdownItem, DropdownItemProps, DropdownSeparator, 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 };