@verifiedinc-public/shared-ui-elements 0.11.6

package/README.md

@@ -0,0 +1,31 @@
+# shared-ui-elements
+
+> Set of shared components.
+
+## About
+
+This project was created to share the UI, agnostic logics and theme throughout the core apps.
+
+## Getting Started
+
+1. Make sure you have [NodeJS](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed.
+2. Install your dependencies
+
+   ```
+   cd path/to/shared-ui-elements
+   npm install
+   ```
+
+3. Start Storybook
+
+   ```
+   npm run storybook # Runs storybook
+   ```
+
+## Path import alias
+
+This project utilizes alias only for the storybook implementation, the modules to be exposed in the package are not aliased since the package will be consumed by the core apps and they may not have the same alias configuration nor the same folder structure.
+
+## Adding dependencies
+
+Ensure that new dependencies are added to both devDependencies and peerDependencies if required in the client's project.

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import { AlertProps as MUIAlertProps } from '@mui/material/Alert';
+export type AlertProps = MUIAlertProps;
+export declare function Alert(props: AlertProps): React.JSX.Element;

package/dist/components/Alert/FullWidthAlert.d.ts

@@ -0,0 +1,5 @@
+import { AlertProps } from '@mui/material';
+interface FullWidthAlertProps extends AlertProps {
+}
+export declare function FullWidthAlert({ children, sx, ...props }: FullWidthAlertProps): React.JSX.Element;
+export {};

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './FullWidthAlert';

package/dist/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+export type ButtonProps = MUIButtonProps;
+export declare function Button(props: ButtonProps): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/CredentialRequestsEditor.context.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { CredentialRequests, CredentialRequestsWithNew } from './types/form';
+export interface CredentialRequestsEditorFeatures {
+    allowUserInput?: {
+        disabled?: boolean;
+    };
+    description?: {
+        disabled?: boolean;
+    };
+    mandatory?: {
+        disabled?: boolean;
+    };
+    multi?: {
+        disabled?: boolean;
+    };
+}
+export interface CredentialRequestsEditorProps {
+    addButtonText?: string;
+    credentialRequests: CredentialRequestsWithNew[];
+    schemas: Record<string, any>;
+    children: ReactNode;
+    onChange: (credentialRequests: CredentialRequests[]) => void;
+    features?: CredentialRequestsEditorFeatures;
+}
+export interface CredentialRequestsEditorContext {
+    addButtonText?: string;
+    schemas: Record<string, any>;
+    features?: CredentialRequestsEditorFeatures;
+}
+export declare function useCredentialRequestsEditor(): CredentialRequestsEditorContext;
+export declare function CredentialRequestsEditorProvider(props: CredentialRequestsEditorProps): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/CredentialRequestsField.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function CredentialRequestsField(): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/DataFieldAccordion.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface DataFieldAccordionProps {
+    defaultExpanded?: boolean;
+}
+export declare function DataFieldAccordion(props: DataFieldAccordionProps): React.JSX.Element;
+export {};

package/dist/components/CredentialRequestsEditor/components/DataFieldDeleteModal.d.ts

@@ -0,0 +1,7 @@
+interface DataFieldDeleteModalProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+export declare function DataFieldDeleteModal({ open, onClose, onConfirm, }: DataFieldDeleteModalProps): React.JSX.Element;
+export {};

package/dist/components/CredentialRequestsEditor/components/DataFieldDescription.d.ts

@@ -0,0 +1 @@
+export declare function DataFieldDescription(): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/DataFieldMandatory.d.ts

@@ -0,0 +1 @@
+export declare function DataFieldMandatory(): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/DataFieldMulti.d.ts

@@ -0,0 +1 @@
+export declare function DataFieldMulti(): React.JSX.Element | null;

package/dist/components/CredentialRequestsEditor/components/DataFieldOptionType.d.ts

@@ -0,0 +1 @@
+export declare function DataFieldOptionType(): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/DataFieldSection.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
+interface DataFieldSectionProps {
+    children: ReactNode;
+    title: string;
+    description?: string;
+    tip?: ReactNode;
+    sx?: SxProps;
+}
+export declare function DataFieldSection(props: DataFieldSectionProps): React.JSX.Element;
+export {};

package/dist/components/CredentialRequestsEditor/components/DataFieldUserInput.d.ts

@@ -0,0 +1 @@
+export declare function DataFieldUserInput(): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/components/RadioOption.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { RadioProps, SxProps } from '@mui/material';
+type RadioOptionProps = RadioProps & {
+    isDefault?: boolean;
+    title: string;
+    description?: string;
+    tip?: ReactNode;
+    sx?: SxProps;
+};
+export declare function RadioOption(props: RadioOptionProps): React.JSX.Element;
+export {};

package/dist/components/CredentialRequestsEditor/contexts/CredentialRequestFieldContext.d.ts

@@ -0,0 +1,14 @@
+import { default as React, PropsWithChildren } from 'react';
+import { FieldArrayWithId, UseFieldArrayReturn } from 'react-hook-form';
+import { CredentialRequestsEditorForm } from '../types/form';
+type CredentialRequestFieldContext = PropsWithChildren & {
+    path: string | undefined;
+    field: FieldArrayWithId<CredentialRequestsEditorForm, 'credentialRequests'>;
+    fieldArray: UseFieldArrayReturn<CredentialRequestsEditorForm, 'credentialRequests'>;
+    index: number;
+    level: number;
+    onAllFieldsDelete: () => void;
+};
+export declare const useCredentialRequestField: () => CredentialRequestFieldContext | null;
+export declare function CredentialRequestFieldProvider({ children, ...props }: CredentialRequestFieldContext): React.JSX.Element;
+export {};

package/dist/components/CredentialRequestsEditor/index.d.ts

@@ -0,0 +1,2 @@
+import { CredentialRequestsEditorProps } from './CredentialRequestsEditor.context';
+export declare function CredentialRequestsEditor(props: Omit<CredentialRequestsEditorProps, 'children'>): React.JSX.Element;

package/dist/components/CredentialRequestsEditor/types/compositeCredentialSchema.d.ts

@@ -0,0 +1 @@
+export type CompositeCredentialSchema = Record<string, any>;

package/dist/components/CredentialRequestsEditor/types/credentialSchemasDto.d.ts

@@ -0,0 +1,3 @@
+export interface CredentialSchemaDto {
+    schemas: Record<string, any>;
+}

package/dist/components/CredentialRequestsEditor/types/form.d.ts

@@ -0,0 +1,25 @@
+import { MandatoryEnum } from './mandatoryEnum';
+export interface CredentialRequests {
+    type: string;
+    issuers?: string[];
+    required?: boolean;
+    mandatory?: MandatoryEnum;
+    description?: string;
+    allowUserInput?: boolean;
+    multi?: boolean;
+    children?: CredentialRequests[];
+}
+export interface CredentialRequestsWithNew {
+    type: string;
+    issuers?: string[];
+    required?: boolean;
+    mandatory?: MandatoryEnum;
+    description?: string;
+    allowUserInput?: boolean;
+    multi?: boolean;
+    children?: CredentialRequestsWithNew[];
+    isNew?: boolean;
+}
+export interface CredentialRequestsEditorForm {
+    credentialRequests: CredentialRequestsWithNew[];
+}

package/dist/components/CredentialRequestsEditor/types/mandatoryEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum MandatoryEnum {
+    YES = "yes",
+    NO = "no",
+    IF_AVAILABLE = "if_available"
+}

package/dist/components/CredentialRequestsEditor/utils/buildDataFieldValue.d.ts

@@ -0,0 +1,3 @@
+import { CredentialRequests } from '../types/form';
+import { CredentialSchemaDto } from '../types/credentialSchemasDto';
+export declare function buildDataFieldValue(type: string, schema: CredentialSchemaDto['schemas']): CredentialRequests;

package/dist/components/CredentialRequestsEditor/utils/prettyField.d.ts

@@ -0,0 +1 @@
+export declare const prettyField: (field: string) => string;

package/dist/components/Image.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '@mui/material';
+export interface ImageProps extends BoxProps {
+    src: string;
+    alt: string;
+}
+export declare const Image: ({ src, alt, ...props }: ImageProps) => JSX.Element;

package/dist/components/QRCodeDisplay/index.d.ts

@@ -0,0 +1,8 @@
+export interface QRCodeDisplayProps {
+    data: string;
+    asset?: string;
+    svgSize?: number;
+    logoSize?: number;
+    fill?: string;
+}
+export declare function QRCodeDisplay({ data, asset, svgSize, logoSize, fill, }: QRCodeDisplayProps): import("react").JSX.Element;

package/dist/components/RequiredLabel/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function RequiredLabel(props: Readonly<PropsWithChildren>): React.JSX.Element;

package/dist/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
+export type TextFieldProps = MUITextFieldProps;
+export declare function TextField(props: TextFieldProps): JSX.Element;

package/dist/components/Tip/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function Tip({ children }: PropsWithChildren): React.JSX.Element;

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
+export type TypographyProps = MUITypographyProps;
+export declare function Typography(props: TypographyProps): JSX.Element;

package/dist/components/When.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface WhenProps<T = unknown> {
+    value: T;
+    children: ReactNode | ((condition: NonNullable<T>) => ReactNode);
+}
+/**
+ * This component can be used when using value is truthy to render some other component,
+ * instead of using ternary operators you can use this.
+ *
+ * This is particularly useful when you have nested conditional rendering. Also, it allows for safer falsy conditions
+ * while in a ternary you can risk rendering falsy values in the react tree if you use `&&`.
+ * @param value
+ * @param children Children can be direct ReactNode or a function returning ReactNode, when a function,
+ * the value is being passed as param and is guarantee to be non-nullable excluding undefined and null from the inferred type.
+ * @constructor
+ */
+export declare function When<T>({ value, children, }: WhenProps<T>): React.JSX.Element | null;

package/dist/components/form/CountrySelector.d.ts

@@ -0,0 +1,11 @@
+interface CountrySelectorProps {
+    value: string;
+    onChange: (value: string) => void;
+    shouldShowOnlyNorthAmericanCountries?: boolean;
+}
+/**
+ * Component that renders and allows to manage the desired phone country format.
+ * @constructor
+ */
+export default function CountrySelector({ shouldShowOnlyNorthAmericanCountries, ...props }: Readonly<CountrySelectorProps>): React.JSX.Element;
+export {};

package/dist/components/form/DataFieldClearAdornment.d.ts

@@ -0,0 +1,6 @@
+type DataFieldClearAdornmentProps = Readonly<{
+    onClick?: () => void;
+    handleClear: () => void;
+}>;
+export declare function DataFieldClearAdornment({ onClick, handleClear, }: DataFieldClearAdornmentProps): React.JSX.Element;
+export {};

package/dist/components/form/DateInput.d.ts

@@ -0,0 +1,18 @@
+import { ChangeEventHandler } from 'react';
+interface DateInputProps {
+    name?: string;
+    value?: string;
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+    onChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    onBlur?: ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    allowFutureDates?: boolean;
+}
+export declare const DateInput: import('react').ForwardRefExoticComponent<Readonly<DateInputProps> & import('react').RefAttributes<unknown>>;
+export {};

package/dist/components/form/DefaultInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material').OutlinedTextFieldProps, "ref"> | Omit<import('@mui/material').FilledTextFieldProps, "ref"> | Omit<import('@mui/material').StandardTextFieldProps, "ref">) & import('react').RefAttributes<unknown>>;
+export default _default;

package/dist/components/form/InputMask.d.ts

@@ -0,0 +1,27 @@
+import { ChangeEventHandler, ReactNode } from 'react';
+interface Selection {
+    start: string;
+    end: string;
+}
+interface State {
+    value: string;
+    selection: Selection;
+}
+interface BeforeMaskedStateChangeOptions {
+    previousState: State;
+    currentState: State;
+    nextState: State;
+}
+interface InputMaskProps {
+    children: ReactNode;
+    mask: string | Array<RegExp | string>;
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLInputElement>;
+    beforeMaskedStateChange?: (options: BeforeMaskedStateChangeOptions) => void;
+    maskPlaceholder?: string | null;
+    alwaysShowMask?: boolean;
+    disabled?: boolean;
+}
+export declare function InputMask(props: Readonly<InputMaskProps>): React.JSX.Element;
+export {};

package/dist/components/form/OTPInput.d.ts

@@ -0,0 +1,21 @@
+import { SxProps } from '@mui/material';
+interface OTPInputProps {
+    name?: string;
+    onChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    disabled?: boolean;
+    sx?: SxProps;
+}
+export type OTPInputInstance = Readonly<{
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+}> & {
+    get value(): string;
+    set value(newValue: string);
+};
+export declare const OTPInput: import('react').ForwardRefExoticComponent<OTPInputProps & import('react').RefAttributes<OTPInputInstance>>;
+export {};

package/dist/components/form/PhoneInput.d.ts

@@ -0,0 +1,30 @@
+import { InputProps } from '@mui/material';
+import { TextFieldProps } from '../TextField';
+export interface PhoneInputProps {
+    label?: string;
+    name?: string;
+    helperText?: string;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    onValidPhone?: (value: string) => void;
+    error?: boolean;
+    handleChangeCountry?: (newCountry: string) => void;
+    value?: string;
+    shouldShowOnlyNorthAmericanCountries?: boolean;
+    shouldHaveClearButton?: boolean;
+    variant?: TextFieldProps['variant'];
+    InputProps?: InputProps;
+}
+/**
+ * Renders a phone input component with country selector and masking.
+ *
+ * @param label - The label for the phone input. Defaults to 'Phone'.
+ * @param name - The name of the phone input. Defaults to 'phone'.
+ * @param helperText - The helper text for the phone input.
+ * @param onChange - The callback function to handle the change event of the phone input.
+ * @param initialValue - The initial value for the phone input. Defaults to ''.
+ * @param error - Whether the phone input has an error. Defaults to false.
+ * @param handleChangeCountry - The callback function to handle the change event of the country selector.
+ * @param value - The value of the phone input. If passed, it will be used instead of the value from component state.
+ */
+export declare function PhoneInput({ label, name, helperText, onChange, onValidPhone, initialValue, error, handleChangeCountry, value: valueProp, InputProps, shouldHaveClearButton, }: Readonly<PhoneInputProps>): React.JSX.Element;

package/dist/components/form/SSNInput.d.ts

@@ -0,0 +1,18 @@
+export interface SSNInputProps {
+    onChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    name?: string;
+    value?: string;
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+    shouldHaveCloseAdornment?: boolean;
+}
+/**
+ * This component manages the input of type SSN.
+ * @constructor
+ */
+export declare function SSNInput({ onChange, label, shouldHaveCloseAdornment, ...rest }: SSNInputProps): React.JSX.Element;

package/dist/components/form/SelectInput.d.ts

@@ -0,0 +1,21 @@
+import { TextFieldProps as InternalFieldProps } from '@mui/material';
+interface TextFieldProps extends Omit<InternalFieldProps, 'onChange'> {
+}
+interface Option {
+    label: string;
+    id: string;
+}
+interface SelectInputProps {
+    name?: string;
+    onChange?: (value: Option | null) => void;
+    onClear?: () => void;
+    options: Option[];
+    defaultOption?: Option;
+    InputProps?: TextFieldProps;
+}
+/**
+ * This component manages the input of type Select.
+ * @constructor
+ */
+export declare function SelectInput({ options, defaultOption, onChange, onClear, ...props }: SelectInputProps): React.JSX.Element;
+export {};

package/dist/components/form/TextMaskCustom.d.ts

@@ -0,0 +1,15 @@
+export type ChangeEvent = (event: {
+    target: {
+        name: string;
+        value: string;
+    };
+}, nativeEvent?: InputEvent) => void;
+interface TextMaskCustomProps {
+    onChange: ChangeEvent;
+    name: string;
+    mask: string;
+    definitions?: Record<string, RegExp>;
+    useOnComplete?: boolean;
+}
+export declare const TextMaskCustom: import('react').ForwardRefExoticComponent<TextMaskCustomProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/form/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DateInput';
+export * from './SSNInput';
+export * from './SelectInput';
+export * from './PhoneInput';
+export * from './OTPInput';

package/dist/components/form/styles/input.d.ts

@@ -0,0 +1,6 @@
+import { TextFieldProps } from '../../../components/TextField';
+/**
+ * The base style definition for input fields, it should reflect changes across all inputs.
+ */
+export declare const inputStyle: TextFieldProps;
+export declare const readOnlyInputStyle: TextFieldProps;

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Button';
+export * from './Typography';
+export * from './CredentialRequestsEditor';
+export * from './terms/AcceptTermsNotice';
+export * from './When';
+export * from './Alert';
+export * from './Image';
+export * from './form/';
+export * from './verified';
+export * from './QRCodeDisplay';

package/dist/components/terms/AcceptTermsNotice.d.ts

@@ -0,0 +1,5 @@
+interface AcceptTermsNoticeProps {
+    legalLinkUrl?: string;
+}
+export declare const AcceptTermsNotice: ({ legalLinkUrl, }: AcceptTermsNoticeProps) => React.JSX.Element;
+export {};

package/dist/components/terms/LegalLink.d.ts

@@ -0,0 +1,7 @@
+import { LinkProps } from '@mui/material';
+/**
+ * A component which renders a link syled following advice from our legal counsel for linking to legal documents
+ * like terms of use, privacy policy, etc
+ */
+declare const LegalLink: ({ sx, ...props }: LinkProps) => import("react").JSX.Element;
+export default LegalLink;

package/dist/components/verified/VerifiedImage.d.ts

@@ -0,0 +1,11 @@
+import { SxProps } from '@mui/material';
+interface VerifiedImageProps {
+    theme: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    sx?: SxProps;
+}
+export declare function VerifiedImage(props: VerifiedImageProps): React.JSX.Element;
+export {};

package/dist/components/verified/VerifiedIncLogo.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from '@mui/material';
+export declare function VerifiedIncLogo(props: BoxProps): React.JSX.Element;

package/dist/components/verified/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VerifiedImage';
+export * from './VerifiedIncLogo';

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useLocalStorage';
+export * from './useCopyToClipboard';
+export * from './useDisclosure';
+export * from './useCallbackRef';
+export * from './useQRCode';

package/dist/hooks/useCallbackRef.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook is user-land implementation of the experimental `useEffectEvent` hook.
+ * React docs: https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ */
+export declare function useCallbackRef<Args extends unknown[], Return>(callback: ((...args: Args) => Return) | undefined, deps?: React.DependencyList): (...args: Args) => Return | undefined;

package/dist/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,20 @@
+interface CopyClipboardTextPlainOptions {
+    type: 'text/plain';
+}
+interface CopyClipboardTextHtmlOptions {
+    type: 'text/html';
+}
+interface CopyClipboardImagePNGOptions {
+    type: 'image/png';
+}
+export type CopyToClipboardOptions = CopyClipboardTextHtmlOptions | CopyClipboardTextPlainOptions | CopyClipboardImagePNGOptions;
+type Content<Type> = Type extends CopyClipboardImagePNGOptions['type'] ? Blob : Type extends CopyClipboardTextPlainOptions['type'] ? string : Type extends CopyClipboardTextHtmlOptions['type'] ? string : never;
+interface HookReturnType<Options extends CopyToClipboardOptions> {
+    copy: (content: Content<Options['type']>) => Promise<void>;
+}
+/**
+ * Method hook to copy content to clipboard, it should copy large type of content.
+ * @param options.type MIME type of content to be copied.
+ * */
+export declare function useCopyToClipboard<Options extends CopyToClipboardOptions>({ type, }: Options): HookReturnType<Options>;
+export {};

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface UseDisclosureProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    id?: string;
+}
+type HTMLProps = React.HTMLAttributes<HTMLElement>;
+/**
+ * `useDisclosure` is a custom hook used to help handle common open, close, or toggle scenarios.
+ * It can be used to control feedback component such as `Modal`, `AlertDialog`, `Drawer`, etc.
+ *
+ * @see Docs https://chakra-ui.com/docs/hooks/use-disclosure
+ */
+export declare function useDisclosure(props?: UseDisclosureProps): {
+    open: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+    isControlled: boolean;
+    getButtonProps: (props?: HTMLProps) => HTMLProps;
+    getDisclosureProps: (props?: HTMLProps) => HTMLProps;
+};
+export type UseDisclosureReturn = ReturnType<typeof useDisclosure>;
+export {};

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,5 @@
+export declare function useLocalStorage(key: string): {
+    set: (value: any) => void;
+    get: () => any;
+    remove: () => void;
+};

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Custom React hook for tracking previous values.
+ * @param value
+ */
+export declare function usePrevious<T>(value: T): T | undefined;

package/dist/hooks/useQRCode.d.ts

@@ -0,0 +1,8 @@
+type QRCodeHookOptions = {
+    size: number;
+    imageSize: number;
+    data: string;
+    fill?: string;
+};
+export declare function useQRCode(hookOptions: QRCodeHookOptions): string;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from './styles';
+export * from './utils';
+export * from './validations';