diditui 0.0.13 → 1.0.0

package/dist/diditui.d.ts

@@ -1,11 +1,10 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { ComponentProps } from 'react';
-import { Config } from 'tailwindcss';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { Props } from 'react-modal';
+import { Props as Props_2 } from 'react-modal';
 import { VariantProps } from 'class-variance-authority';
 
 declare type AsProp<C extends default_2.ElementType> = {
@@ -41,7 +40,16 @@ declare const cardStyles: (props?: ({
 
 export declare function cn(...classes: ClassValue[]): string;
 
-export declare const didituiConfig: Config;
+export declare function CopyValue({ label, value, isSecret, className, ...props }: CopyValueProps): JSX_2.Element;
+
+declare type CopyValueProps = ComponentProps<'div'> & VariantProps<typeof copyValueStyles> & {
+    value: string;
+    label?: string;
+};
+
+declare const copyValueStyles: (props?: ({
+    isSecret?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
 
 /**
  * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
@@ -52,7 +60,7 @@ declare type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideP
 
 export declare function Icon({ type, size, className, ...props }: IconProps): JSX_2.Element;
 
-export declare function IconButton({ icon, label, size, className, ...props }: IconButtonProps): JSX_2.Element;
+export declare function IconButton({ icon, label, size, variant, withBorder, className, ...props }: IconButtonProps): JSX_2.Element;
 
 declare type IconButtonProps = ComponentProps<'button'> & VariantProps<typeof iconButtonStyles> & {
     icon?: IconType;
@@ -60,7 +68,9 @@ declare type IconButtonProps = ComponentProps<'button'> & VariantProps<typeof ic
 };
 
 declare const iconButtonStyles: (props?: ({
+    variant?: "default" | "primary" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    withBorder?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type IconProps = ComponentProps<'span'> & VariantProps<typeof iconStyles> & {
@@ -71,7 +81,7 @@ declare const iconStyles: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare type IconType = 'settings' | 'info' | 'arrowRight' | 'scan' | 'warning' | 'check' | 'copy' | 'connect' | 'passKey' | 'didit' | 'close' | 'diditLogo' | 'idCard' | 'car' | 'passport' | 'closeCircle' | 'closeCircleBold' | 'checkCircle' | 'checkCircleBold' | 'refresh' | 'chevronLeft';
+export declare type IconType = 'settings' | 'info' | 'arrowRight' | 'scan' | 'warning' | 'check' | 'copy' | 'connect' | 'passKey' | 'didit' | 'diditNameLogo' | 'close' | 'diditLogo' | 'idCard' | 'car' | 'passport' | 'closeCircle' | 'closeCircleBold' | 'checkCircle' | 'checkCircleBold' | 'refresh' | 'chevronLeft' | 'eye' | 'eyeSlash';
 
 /**
  * Allows for inheriting the props from the specified element type so that
@@ -80,6 +90,18 @@ export declare type IconType = 'settings' | 'info' | 'arrowRight' | 'scan' | 'wa
  */
 declare type InheritableElementProps<C extends default_2.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
 
+export declare function Input({ label, placeholder, value, icon, disabled, className, error, onValueChange, ...props }: InputProps): JSX_2.Element;
+
+declare type InputProps = ComponentProps<'input'> & {
+    label: string;
+    placeholder: string;
+    value: string;
+    icon?: IconType;
+    diabled?: boolean;
+    error?: string;
+    onValueChange?: (v: string) => void;
+};
+
 export declare const MediaQuery: {
     SM: number;
     MD: number;
@@ -88,7 +110,7 @@ export declare const MediaQuery: {
     XXL: number;
 };
 
-export declare function Modal({ children, contentLabel, overlayClassName, className, onRequestClose, ...props }: Props): JSX_2.Element;
+export declare function Modal({ children, contentLabel, overlayClassName, className, withBorder, onRequestClose, ...props }: Props): JSX_2.Element;
 
 /**
  * A more sophisticated version of `InheritableElementProps` where
@@ -102,6 +124,10 @@ declare type PolymorphicComponentPropsWithRef<C extends default_2.ElementType, P
 
 declare type PolymorphicRef<C extends default_2.ElementType> = default_2.ComponentPropsWithRef<C>['ref'];
 
+declare interface Props extends Props_2 {
+    withBorder?: boolean;
+}
+
 declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
 
 export declare function QrCode({ uri, size, color, iconName, className, ...props }: QrCodeProps): JSX_2.Element;
@@ -122,6 +148,16 @@ declare const spinnerStyles: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function StatusLabel({ label, variant, className, ...props }: StatusLabelProps): JSX_2.Element;
+
+declare type StatusLabelProps = ComponentProps<'div'> & VariantProps<typeof statusLabelStyles> & {
+    label: string;
+};
+
+declare const statusLabelStyles: (props?: ({
+    variant?: "warning" | "primary" | "accent" | "error" | "success" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare type SVGIcon = FC<React.SVGProps<SVGElement>>;
 
 export declare const svgOptions: Record<IconType, SVGIcon>;
@@ -140,6 +176,13 @@ declare const textStyles: (props?: ({
     underline?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Toggle({ onToggle, label, checked, className, ...props }: ToggleProps): JSX_2.Element;
+
+declare type ToggleProps = ComponentProps<'input'> & {
+    label?: string;
+    onToggle?: (checked: boolean) => void;
+};
+
 export declare function useLgMediaQuery(options?: UseMediaQueryOptions): boolean;
 
 export declare function useMdMediaQuery(options?: UseMediaQueryOptions): boolean;