@e-burgos/tucu-ui 1.0.0 → 1.1.1

package/components/layouts/header/admin-header.d.ts

@@ -0,0 +1,8 @@
+import { LogoPropTypes } from '../../logos/logo';
+export declare function AdminHeader({ className, logo, rightButton, isOpen, setIsOpen, }: {
+    className?: string;
+    logo?: LogoPropTypes;
+    rightButton?: React.ReactNode;
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/components/layouts/header/admin-right-area.d.ts

@@ -0,0 +1,3 @@
+export declare function AdminRightArea({ rightButton, }: {
+    rightButton?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/components/layouts/header/header.d.ts

@@ -1,12 +1,5 @@
 import { LogoPropTypes } from '../../logos/logo';
-export declare function ClassicHeader({ className, logo, rightButton, isOpen, setIsOpen, }: {
-    className?: string;
-    logo?: LogoPropTypes;
-    rightButton?: React.ReactNode;
-    isOpen?: boolean;
-    setIsOpen?: (isOpen: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export default function Header({ logo, searchButton, isOpen, setIsOpen, className, rightButton, }: {
+export declare function Header({ logo, searchButton, isOpen, setIsOpen, className, rightButton, }: {
     logo?: LogoPropTypes;
     searchButton?: React.ReactNode;
     isOpen?: boolean;

package/components/layouts/header/horizontal-header.d.ts

@@ -0,0 +1,10 @@
+import { LogoPropTypes } from '../../logos/logo';
+import { IMenuItem } from '../menus/menu-item';
+export declare function HorizontalHeader({ className, menuItems, rightButton, logo, isOpen, setIsOpen, }: {
+    className?: string;
+    menuItems: IMenuItem[];
+    rightButton?: React.ReactNode;
+    logo?: LogoPropTypes;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/components/layouts/header/horizontal-right-area.d.ts

@@ -0,0 +1,9 @@
+import { LogoPropTypes } from '../../logos/logo';
+import { IMenuItem } from '../menus/menu-item';
+export declare function HorizontalRightArea({ rightButton, menuItems, isOpen, setIsOpen, logo, }: {
+    rightButton?: React.ReactNode;
+    menuItems: IMenuItem[];
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    logo?: LogoPropTypes;
+}): import("react/jsx-runtime").JSX.Element;

package/components/layouts/horizontal/index.d.ts

@@ -0,0 +1,16 @@
+import { LogoPropTypes } from '../../logos/logo';
+import { IMenuItem } from '../menus/menu-item';
+interface HorizontalLayoutProps {
+    children: React.ReactNode;
+    menuItems: IMenuItem[];
+    rightButton?: React.ReactNode;
+    logo?: LogoPropTypes;
+    className?: string;
+    isOpen: boolean;
+    fullWidth?: boolean;
+    headerClassName?: string;
+    contentClassName?: string;
+    setIsOpen: (isOpen: boolean) => void;
+}
+export declare function HorizontalLayout({ children, menuItems, rightButton, logo, className, isOpen, fullWidth, headerClassName, contentClassName, setIsOpen, }: HorizontalLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default HorizontalLayout;

package/components/layouts/menus/collapsible-menu.d.ts

@@ -1,3 +1,3 @@
-import { IMenuItem } from '../../common/menu-item';
-export declare function CollapsibleMenu({ name, icon, href, dropdownItems, isActive, onClick, }: IMenuItem): import("react/jsx-runtime").JSX.Element;
+import { IMenuItem } from './menu-item';
+export declare function CollapsibleMenu({ name, icon, href, path, dropdownItems, isActive, onClick, }: IMenuItem): import("react/jsx-runtime").JSX.Element;
 export default CollapsibleMenu;

package/components/layouts/menus/expandable-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { LogoPropTypes } from '../../logos/logo';
-import { IMenuItem } from '../../common/menu-item';
+import { IMenuItem } from '../menus/menu-item';
 export declare function ExpandableSidebar({ logo, className, menuItems, }: {
     logo?: LogoPropTypes;
     className?: string;

package/components/layouts/menus/horizontal-nav-menu.d.ts

@@ -0,0 +1,5 @@
+import { IMenuItem } from './menu-item';
+export declare function HorizontalNavMenu({ menuItems }: {
+    menuItems: IMenuItem[];
+}): import("react/jsx-runtime").JSX.Element;
+export default HorizontalNavMenu;

package/components/{common → layouts/menus}/menu-item.d.ts

@@ -1,7 +1,8 @@
 export type DropdownItemProps = {
     name: string;
     icon?: React.ReactNode;
-    href: string;
+    path: string;
+    href?: string;
     dropdownItems?: DropdownItemProps[];
     isActive?: boolean;
     hide?: boolean;
@@ -10,12 +11,13 @@ export type DropdownItemProps = {
 export type IMenuItem = {
     name: string;
     icon?: React.ReactNode;
-    href: string;
+    path: string;
+    href?: string;
     dropdownItems?: DropdownItemProps[];
     isActive?: boolean;
     hide?: boolean;
     onClick?: () => void;
 };
 type MenuItemProps = IMenuItem;
-export declare function MenuItem({ name, icon, href, dropdownItems, isActive: isActiveProps, hide, onClick, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem({ name, icon, path, href, dropdownItems, isActive: isActiveProps, hide, onClick, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/components/layouts/root-layout.d.ts

@@ -1,6 +1,6 @@
 import { LogoPropTypes } from '../logos/logo';
-import { LayoutOptionType } from '../../themes/config';
-import { IMenuItem } from '../common/menu-item';
+import { LayoutOptionType } from '../../themes/config/index';
+import { IMenuItem } from './menus/menu-item';
 export interface LayoutTypeProps {
     logo?: LogoPropTypes;
     layout?: LayoutOptionType;

package/components/legacy/forms/form-system/example/error-container-example.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const ErrorContainerExample: React.FC;
+export default ErrorContainerExample;

package/components/legacy/forms/form-system/example/form-example.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const FormExample: React.FC;
+export default FormExample;

package/components/legacy/forms/form-system/example/form-methods-example.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const FormMethodsExample: React.FC;
+export default FormMethodsExample;

package/components/legacy/forms/form-system/example/validations.d.ts

@@ -0,0 +1,14 @@
+import { FormValidations } from '../types/validations.type';
+export interface FormValues {
+    name: string;
+    email: string;
+    password: string;
+    message: string;
+    acceptTerms: boolean;
+    age: number;
+    gender: string;
+    isDeveloper: boolean;
+    country: string;
+}
+export declare const defaultValues: FormValues;
+export declare const formValidations: FormValidations<FormValues>;

package/components/legacy/forms/form-system/form-field.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { FieldValues, Path, RegisterOptions } from './hook-form';
+export interface FormFieldProps<TFormValues extends FieldValues> {
+    name: Path<TFormValues>;
+    label?: string;
+    helperText?: string;
+    className?: string;
+    rules?: Omit<RegisterOptions<TFormValues, Path<TFormValues>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
+    children: React.ReactElement;
+    hideError?: boolean;
+    showHelper?: boolean;
+}
+export declare const FormField: <TFormValues extends FieldValues = FieldValues>({ name, label, helperText, className, rules, children, hideError, showHelper, }: FormFieldProps<TFormValues>) => import("react/jsx-runtime").JSX.Element;
+export default FormField;

package/components/legacy/forms/form-system/form.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SubmitHandler, UseFormProps, FieldValues, UseFormReturn } from './hook-form';
+import { FormValidations } from './types/validations.type';
+export type RenderFunction<TFormValues extends FieldValues> = (methods: UseFormReturn<TFormValues>) => React.ReactNode;
+type FormProps<TFormValues extends FieldValues> = {
+    onSubmit: SubmitHandler<TFormValues>;
+    children: React.ReactNode | RenderFunction<TFormValues>;
+    useFormProps?: UseFormProps<TFormValues>;
+    validationSchema?: FormValidations<TFormValues>;
+    className?: string;
+} & Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'>;
+export declare const Form: <TFormValues extends FieldValues = FieldValues>({ onSubmit, children, useFormProps, validationSchema, className, ...formProps }: FormProps<TFormValues>) => import("react/jsx-runtime").JSX.Element;
+export default Form;

package/components/legacy/forms/form-system/hook-form.d.ts

@@ -0,0 +1,3 @@
+import { SubmitHandler, UseFormProps, FieldValues, UseFormReturn, Controller, useFormContext, Path, FieldError as FormFieldError, RegisterOptions, FieldErrors } from 'react-hook-form';
+export type { FormFieldError, FieldErrors, RegisterOptions, Path, FieldValues, UseFormReturn, UseFormProps, SubmitHandler, };
+export { Controller, useFormContext };

package/components/legacy/forms/form-system/types/dependencies.type.d.ts

@@ -0,0 +1,11 @@
+import { FieldValues, UseFormReturn } from '../hook-form';
+import { FieldPathInternal, ArrayKey } from './extend-react-hook-form.type';
+export type DependencyAction<TFieldValues extends FieldValues> = (formValues: Partial<TFieldValues>, methods: UseFormReturn<TFieldValues>, options: {
+    index: null | number;
+    name: string | null;
+}) => void;
+export type Dependency<TFieldValues extends FieldValues = FieldValues> = {
+    dependencies: FieldPathInternal<TFieldValues, ArrayKey>[];
+    callback: DependencyAction<TFieldValues>;
+};
+export type FormDependencies<TFieldValues extends FieldValues = FieldValues> = Dependency<TFieldValues>[];

package/components/legacy/forms/form-system/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dependencies.type';
+export * from './extend-react-hook-form.type';
+export * from './validations.type';

package/components/legacy/forms/input-label.d.ts

@@ -0,0 +1,9 @@
+export interface InputLabelProps {
+    title: string;
+    subTitle?: string;
+    important?: boolean;
+    className?: string;
+    titleClassName?: string;
+}
+export declare function InputLabel({ title, subTitle, important, className, titleClassName, }: InputLabelProps): import("react/jsx-runtime").JSX.Element;
+export default InputLabel;

package/components/legacy/forms/input-searcher.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { InputSelectOption } from './input-select';
+export declare function InputSearcher({ label, onOptionSelect, options, initialValue, noMatchesMessage, multiple, ...props }: {
+    label?: string;
+    initialValue?: string | number;
+    onOptionSelect?: (option: InputSelectOption | InputSelectOption[]) => void;
+    options?: InputSelectOption[];
+    noMatchesMessage?: string;
+    multiple?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>): import("react/jsx-runtime").JSX.Element;
+export default InputSearcher;

package/components/{forms → legacy/forms}/input.d.ts

@@ -1,3 +1,4 @@
+export type DateFormat = 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'YYYY-MM-DD' | 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
 export type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     label?: string;
     error?: string;
@@ -9,6 +10,7 @@ export type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLI
     suffix?: React.ReactNode;
     suffixClassName?: string;
     icon?: React.ReactNode;
+    dateFormat?: DateFormat;
 };
 export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default Input;

package/components/{forms → legacy/forms}/pin-code.d.ts

@@ -1,17 +1,18 @@
 import { default as React } from 'react';
 declare const inputClasses: {
     base: string;
+    numberType: string;
     error: string;
     size: {
         sm: string;
-        DEFAULT: string;
+        md: string;
         lg: string;
         xl: string;
     };
     rounded: {
         none: string;
         sm: string;
-        DEFAULT: string;
+        md: string;
         lg: string;
         full: string;
     };
@@ -19,7 +20,6 @@ declare const inputClasses: {
         active: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;
@@ -31,7 +31,6 @@ declare const inputClasses: {
         flat: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;
@@ -43,7 +42,6 @@ declare const inputClasses: {
         outline: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;

package/components/legacy/forms/radio-group.d.ts

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+import { RadioProps } from './radio';
+export interface RadioGroupProps {
+    /** Set field value */
+    value?: string | number;
+    /** Set default value for uncontrolled radio group */
+    defaultValue?: string | number;
+    /** The variants of the component are: */
+    variant?: RadioProps['variant'];
+    /** The size of the component. `"sm"` is equivalent to the dense input styling. */
+    size?: RadioProps['size'];
+    /** Change radio button color */
+    color?: RadioProps['color'];
+    /** Available directions of the label are: */
+    labelPlacement?: RadioProps['labelPlacement'];
+    /** Whether the radio group is disabled */
+    disabled?: boolean;
+    /** Set field label */
+    label?: React.ReactNode;
+    /** Show error message using this prop */
+    error?: string;
+    /** Add helper text. It could be string or a React component */
+    helperText?: React.ReactNode;
+    /** Use className prop to apply style for entire component */
+    className?: string;
+    /** Use containerClassName prop to apply some additional style for radio group container */
+    containerClassName?: string;
+    /** Use labelClassName prop to apply some addition style for the field label */
+    labelClassName?: string;
+    /** This prop allows you to customize the error message style */
+    errorClassName?: string;
+    /** This prop allows you to customize the helper message style */
+    helperClassName?: string;
+    /** Layout direction for radio options */
+    direction?: 'vertical' | 'horizontal';
+    /** Gap between radio options */
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Radio options */
+    options?: Array<{
+        name?: string;
+        label: React.ReactNode;
+        value: string | number;
+        disabled?: boolean;
+        [key: string]: any;
+    }>;
+    /** Children radio components */
+    children?: React.ReactNode;
+    /** onChange callback function */
+    onChange?: (value: string | number) => void;
+}
+/**
+ * A group of radio components that allows users to select one option from a set.
+ * RadioGroup can be used with either the options prop or with Radio components as children.
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/components/{forms → legacy/forms}/radio.d.ts

@@ -3,7 +3,7 @@ declare const inputClasses: {
     base: string;
     size: {
         sm: string;
-        DEFAULT: string;
+        md: string;
         lg: string;
         xl: string;
     };
@@ -11,7 +11,6 @@ declare const inputClasses: {
         outline: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;
@@ -23,7 +22,6 @@ declare const inputClasses: {
         flat: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;
@@ -35,7 +33,6 @@ declare const inputClasses: {
         active: {
             base: string;
             color: {
-                DEFAULT: string;
                 primary: string;
                 secondary: string;
                 danger: string;
@@ -52,7 +49,7 @@ export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     /** The size of the component. `"sm"` is equivalent to the dense input styling. */
     size?: keyof typeof inputClasses.size;
     /** Change radio button color */
-    color?: keyof (typeof inputClasses.variant)['outline']['color'];
+    color?: keyof typeof inputClasses.variant.outline.color;
     /** Available directions of the label are: */
     labelPlacement?: 'start' | 'end';
     /** Whether the input is disabled */

package/components/links/active-link.d.ts

@@ -1,7 +1,8 @@
 import { LinkProps } from 'react-router-dom';
 export interface ActiveLinkProps extends LinkProps {
     activeClassName?: string;
-    href: string;
+    path: string;
+    href?: string;
 }
 export declare const ActiveLink: React.FC<ActiveLinkProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>;
 export default ActiveLink;

package/components/logos/AppLogo.d.ts

@@ -0,0 +1 @@
+export declare const AppLogo: (props: React.SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

package/components/logos/index.d.ts

@@ -1,2 +1,6 @@
-export * from './logo-theme';
+export * from './logo-dark';
+export * from './logo-iso-dark';
+export * from './logo-iso-light';
+export * from './logo-light';
 export * from './logo';
+export * from './logo-icon';

package/components/logos/logo-dark.d.ts

@@ -0,0 +1 @@
+export declare function LogoDark(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/logos/logo-icon.d.ts

@@ -0,0 +1,5 @@
+export interface LogoIconProps extends React.SVGAttributes<SVGElement> {
+    width?: string | number;
+    height?: string | number;
+}
+export declare function LogoIcon({ width, height, ...props }: LogoIconProps): import("react/jsx-runtime").JSX.Element;

package/components/logos/logo-iso-dark.d.ts

@@ -0,0 +1 @@
+export declare function LogoIsoDark(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/logos/logo-iso-light.d.ts

@@ -0,0 +1 @@
+export declare function LogoIsoLight(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/logos/logo-light.d.ts

@@ -0,0 +1 @@
+export declare function LogoLight(props: React.SVGAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;

package/components/logos/logo.d.ts

@@ -1,13 +1,14 @@
 import { PRESET_LABEL_COLORS } from '../../themes/config';
 export interface LogoPropTypes {
-    name: string;
+    name?: string;
     secondName?: string;
     path?: string;
     preset?: PRESET_LABEL_COLORS;
     className?: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge';
+    logoIsoType?: boolean;
     logo?: React.ReactNode | null;
     isoType?: boolean;
 }
-export declare function Logo({ name, secondName, path, preset, className, size, logo, isoType, }: LogoPropTypes): false | import("react/jsx-runtime").JSX.Element;
+export declare function Logo({ name, secondName, path, preset, className, size, logo, logoIsoType, isoType, }: LogoPropTypes): import("react/jsx-runtime").JSX.Element;
 export default Logo;

package/components/typography/index.d.ts

@@ -22,12 +22,37 @@ declare const classes: {
     blockquote: string;
     sub: string;
     sup: string;
+    headline: string;
+    body: string;
+    'label-1': string;
+    'label-2': string;
+    caption: string;
+    legal: string;
+};
+declare const textColorClasses: {
+    default: string;
+    primary: string;
+    secondary: string;
+    dark: string;
+    light: string;
+    muted: string;
+    success: string;
+    warning: string;
+    error: string;
+};
+declare const fontFamilyClasses: {
+    default: string;
+    mono: string;
 };
 export interface TypographyProps {
     /**  */
     tag?: keyof typeof classes;
     /** title attribute only appear when tag is `abbr` */
     title?: string;
+    /** Add custom color for the text */
+    color?: keyof typeof textColorClasses;
+    /** Add custom background color for the text */
+    fontFamily?: keyof typeof fontFamilyClasses;
     /** Add custom classes for extra style */
     className?: string;
 }
@@ -35,5 +60,5 @@ export interface TypographyProps {
  * Text component is the used to render text and paragraphs within an interface using well-defined typographic styles.
  *  It renders a `<p>` tag by default.
  */
-export declare function Typography({ tag, title, children, className, }: React.PropsWithChildren<TypographyProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Typography({ tag, title, children, className, color, fontFamily, }: React.PropsWithChildren<TypographyProps>): import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/demo/components/hero-card.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../index';
+interface HeroCardProps {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    githubButton?: boolean;
+    getStartedButton?: boolean;
+    docsButton?: 'introduction' | 'layout-system' | 'design-system' | 'theming-guide' | 'form-system' | 'icons-system' | 'hooks-utilities' | 'blockchain-components' | 'accessibility' | 'tailwind-utilities';
+    backgroundAnimation?: boolean;
+    customButton?: {
+        label: string;
+        link: string;
+        target: '_blank' | '_self' | '_parent' | '_top';
+        variant: ButtonProps['variant'];
+        icon?: React.ReactNode;
+    };
+}
+export declare const HeroCard: React.FC<HeroCardProps>;
+export default HeroCard;

package/demo/components/index.d.ts

@@ -0,0 +1 @@
+export * from './hero-card';

package/demo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';

package/demo/utils/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const DOCUMENTATION_URL: any;
+export declare const GITHUB_URL = "https://github.com/e-burgos/tucu-ui";
+export declare const INTRODUCTION_DOCS_URL: string;
+export declare const LAYOUT_SYSTEM_DOCS_URL: string;
+export declare const DESIGN_SYSTEM_DOCS_URL: string;
+export declare const THEMING_DOCS_URL: string;
+export declare const FORM_SYSTEM_DOCS_URL: string;
+export declare const ICONS_SYSTEM_DOCS_URL: string;
+export declare const HOOKS_UTILITIES_DOCS_URL: string;
+export declare const BLOCKCHAIN_DOCS_URL: string;
+export declare const ACCESSIBILITY_DOCS_URL: string;
+export declare const TAILWIND_UTILITIES_DOCS_URL = "https://tailwindcss.com/docs";

package/demo/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './constants';