@clicktap/ui 0.7.0 → 0.8.0

package/CreditCardExpirationInput/CreditCardExpirationInput.d.ts

@@ -0,0 +1,17 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+interface CreditCardExpirationInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+}
+export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CreditCardExpirationInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+    };
+}
+export default CreditCardExpirationInput;

package/CreditCardExpirationInput/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & Omit<(props: import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>, never>> & Omit<(props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTextField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<(props: import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledFieldError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/CreditCardInput/CreditCardInput.d.ts

@@ -0,0 +1,21 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+interface CreditCardInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CreditCardInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        value: undefined;
+        onChange: () => void;
+    };
+}
+export default CreditCardInput;

package/CreditCardInput/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & Omit<(props: import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>, never>> & Omit<(props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTextField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<(props: import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledFieldError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/Input/Input.d.ts

@@ -3,13 +3,15 @@ interface MyTextFieldProps extends TextFieldProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
 }
-export declare function Input({ label, description, errorMessage, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ label, description, errorMessage, placeholder, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Input {
     var defaultProps: {
         label: undefined;
         description: undefined;
         errorMessage: undefined;
+        placeholder: undefined;
     };
 }
 export default Input;

package/Radio/Radio.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { RadioRenderProps, RadioProps as UiRadioProps } from 'react-aria-components';
+interface RadioSlots {
+    control?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+}
+export interface RadioProps extends UiRadioProps {
+    children?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+    slots?: RadioSlots;
+}
+export declare function Radio({ children, slots, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Radio {
+    var defaultProps: {
+        children: undefined;
+        slots: undefined;
+    };
+}
+export default Radio;

package/Radio/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Control: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Indicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledRadio: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").RadioProps & import("react").RefAttributes<HTMLLabelElement>, never>> & Omit<(props: import("react-aria-components").RadioProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;

package/index.d.ts

@@ -15,6 +15,8 @@ export * from './Collapsible/CollapsibleTrigger';
 export * from './Collapsible/Collapsible';
 export * from './Container/Container';
 export * from './ContextMenu/ContextMenu';
+export * from './CreditCardExpirationInput/CreditCardExpirationInput';
+export * from './CreditCardInput/CreditCardInput';
 export * from './DateInput/DateInput';
 export * from './Divider/Divider';
 export * from './Divider/types';
@@ -28,6 +30,7 @@ export * from './Drawer/Drawer';
 export * from './NumberInput/NumberInput';
 export * from './PinInput/PinInput';
 export * from './Progressbar';
+export * from './Radio/Radio';
 export * from './Select/Option';
 export * from './Select/Select';
 export * from './Slider/Slider';