@e-burgos/tucu-ui 1.1.1 → 2.0.0

package/components/inputs/{uploader-two.d.ts → file-input.d.ts}

@@ -1,15 +1,14 @@
 import { ForwardedRef } from 'react';
-import { DropzoneRootProps, DropzoneInputProps } from 'react-dropzone';
 export declare const acceptedFileType: {
     img: string;
     pdf: string;
-    csv: string;
+    csvAndExcel: string;
     imgAndPdf: string;
     all: string;
 };
-export interface UploadProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'accept' | 'children'> {
-    /** Specify type of the files */
-    accept: 'img' | 'pdf' | 'csv' | 'imgAndPdf' | 'all';
+export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'accept' | 'children'> {
+    /** Specify type of the files. If not provided or 'all', accepts any file type */
+    accept?: 'img' | 'pdf' | 'csvAndExcel' | 'imgAndPdf' | 'all';
     /** Pass multiple files */
     multiple?: boolean;
     /** Whether disable upload */
@@ -20,25 +19,26 @@ export interface UploadProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
     label?: React.ReactNode;
     /** Set your custom text to show in upload field */
     placeholderText?: React.ReactNode;
-    /** To pass getRootProps of react-dropzone */
-    dropzoneRootProps?: DropzoneRootProps;
-    /** To pass getInputProps of react-dropzone */
-    dropzoneInputProps?: DropzoneInputProps;
+    /** To pass additional props to the container element */
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** To pass additional props to the input element */
+    additionalInputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /** Pass wrapperClassName to style the container */
     wrapperClassName?: string;
     /** Pass className to style the container */
     className?: string;
     /** Pass label className to style label */
     labelClassName?: string;
-    /** Pass dropzoneRootClassName to style the container */
-    dropzoneRootClassName?: string;
+    /** Pass containerClassName to style the container */
+    containerClassName?: string;
 }
 /** Upload component allows user to upload files either from file explorer or by dragging and dropping.
+ * The component implements native HTML5 drag and drop functionality without external dependencies.
  * Here is the API documentation of Upload component. Rest of the props are same as html input field.
  * You can use props like `disabled`, `multiple`, `capture` etc.
  */
-export declare function Upload({ accept, children, label, dropzoneRootProps, dropzoneInputProps, placeholderText, dropzoneRootClassName, wrapperClassName, labelClassName, ...props }: React.PropsWithChildren<UploadProps>, ref: ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import('react').ForwardRefExoticComponent<UploadProps & {
+export declare function FileInput({ accept, children, label, containerProps, additionalInputProps, placeholderText, containerClassName, wrapperClassName, labelClassName, onChange, multiple, ...props }: React.PropsWithChildren<FileInputProps>, ref: ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').ForwardRefExoticComponent<FileInputProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/components/inputs/index.d.ts

@@ -11,5 +11,4 @@ export * from './select';
 export * from './switch';
 export * from './textarea';
 export * from './toggle-bar';
-export * from './uploader-two';
-export * from './uploader';
+export * from './file-input';

package/components/inputs/input.d.ts

@@ -1,4 +1,5 @@
 export type DateFormat = 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'YYYY-MM-DD' | 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
+export type Locale = 'en-US' | 'es-ES' | 'fr-FR' | 'de-DE' | 'pt-BR';
 export type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     label?: string;
     error?: string;
@@ -12,6 +13,7 @@ export type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLI
     suffixClassName?: string;
     icon?: React.ReactNode;
     dateFormat?: DateFormat;
+    locale?: Locale;
 };
 export declare const inputVariantClasses: {
     ghost: string;

package/components/layouts/index.d.ts

@@ -0,0 +1,13 @@
+export * from './admin-layout/index';
+export * from './clean-layout/index';
+export * from './header/admin-header';
+export * from './header/admin-right-area';
+export * from './header/header';
+export * from './header/horizontal-header';
+export * from './header/horizontal-right-area';
+export * from './horizontal/index';
+export * from './menus/collapsible-menu';
+export * from './menus/expandable-sidebar';
+export * from './menus/horizontal-nav-menu';
+export * from './menus/menu-item';
+export * from './root-layout';

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

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

package/components/list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list-container';
+export * from './list-Item';

package/components/list/list-Item.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface ListItemProps extends Omit<React.HTMLAttributes<HTMLLIElement | HTMLButtonElement>, 'onClick' | 'id' | 'content'> {
+    id: string | number;
+    label?: string;
+    content?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+    active?: boolean;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export default ListItem;

package/components/list/list-container.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ListItemProps } from './list-Item';
+export interface ListContainerProps {
+    items: ListItemProps[];
+    label?: string;
+    triggerIcon?: React.ReactNode;
+    className?: string;
+    dropdownClassName?: string;
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    align?: 'start' | 'end' | 'center';
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    keepOpen?: boolean;
+    trigger?: 'hover' | 'click';
+}
+export declare const ListContainer: React.FC<ListContainerProps>;
+export default ListContainer;

package/components/logos/defi-app-logo.d.ts

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

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

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

package/components/logos/index.d.ts

@@ -1,6 +1,3 @@
-export * from './logo-dark';
-export * from './logo-iso-dark';
-export * from './logo-iso-light';
-export * from './logo-light';
+export * from './tucu-ui-logo';
+export * from './defi-app-logo';
 export * from './logo';
-export * from './logo-icon';

package/components/logos/logo.d.ts

@@ -6,9 +6,8 @@ export interface LogoPropTypes {
     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, logoIsoType, isoType, }: LogoPropTypes): import("react/jsx-runtime").JSX.Element;
+export declare function Logo({ name, secondName, path, className, size, logo, isoType, }: LogoPropTypes): import("react/jsx-runtime").JSX.Element;
 export default Logo;

package/components/logos/tucu-ui-logo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface TucuLogoProps {
+    size?: number | string;
+    className?: string;
+    props?: React.SVGAttributes<SVGElement>;
+}
+export declare const TucuUiLogo: React.FC<TucuLogoProps>;
+export default TucuUiLogo;

package/components/notifications/alert.d.ts

@@ -2,10 +2,11 @@ interface AlertProps {
     children: React.ReactNode;
     variant?: 'info' | 'warning' | 'error' | 'success';
     dismissible?: boolean;
+    className?: string;
     onDismiss?: () => void;
     'aria-label'?: string;
 }
-export declare function Alert({ children, variant, dismissible, onDismiss, 'aria-label': ariaLabel, }: React.PropsWithChildren<AlertProps>): import("react/jsx-runtime").JSX.Element | null;
+export declare function Alert({ children, variant, dismissible, className, onDismiss, 'aria-label': ariaLabel, }: React.PropsWithChildren<AlertProps>): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Alert {
     var displayName: string;
 }

package/components/table/basic-table.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface TableColumn<T = Record<string, unknown>> {
+    key: string;
+    label: string;
+    render?: (value: unknown, row: T, index: number) => ReactNode;
+    className?: string;
+    headerClassName?: string;
+}
+export interface BasicTableProps<T = Record<string, unknown>> {
+    columns: TableColumn<T>[];
+    data: T[];
+    rounded?: boolean;
+    border?: boolean;
+    className?: string;
+    tableClassName?: string;
+    headerClassName?: string;
+    rowClassName?: string | ((row: T, index: number) => string);
+    containerClassName?: string;
+    showHeader?: boolean;
+    hoverable?: boolean;
+    striped?: boolean;
+    maxRows?: number;
+}
+export declare const BasicTable: <T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rounded, border, className, tableClassName, headerClassName, rowClassName, containerClassName, showHeader, hoverable, striped, maxRows, }: BasicTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default BasicTable;

package/components/table/index.d.ts

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

package/components/tabs/param-tab.d.ts

@@ -1,13 +1,19 @@
 import { TabPanel } from './tab';
+type VariantNames = 'underline' | 'pills' | 'bordered' | 'solid';
+type SizeNames = 'small' | 'medium' | 'large';
 export interface TabMenuItem {
     title: React.ReactNode;
     path: string;
+    icon?: React.ReactNode;
 }
 export interface ParamTabTypes {
     tabMenu: TabMenuItem[];
     children: React.ReactNode;
     tabListClassName?: string;
+    variant?: VariantNames;
+    size?: SizeNames;
+    showMobileSelect?: boolean;
 }
 export { TabPanel };
-export declare function ParamTab({ tabMenu, children, tabListClassName, }: ParamTabTypes): import("react/jsx-runtime").JSX.Element;
+export declare function ParamTab({ tabMenu, children, tabListClassName, variant, size, showMobileSelect, }: ParamTabTypes): import("react/jsx-runtime").JSX.Element;
 export default ParamTab;

package/components/tabs/tab.d.ts

@@ -1,17 +1,29 @@
 import { FC } from 'react';
 import { Tab, TabGroupProps, TabPanelsProps, TabPanelProps, TabListProps, TabProps } from '@headlessui/react';
 export { Tab };
-export declare const TabGroup: FC<React.PropsWithChildren<{
+type VariantNames = 'underline' | 'pills' | 'bordered' | 'solid';
+type SizeNames = 'small' | 'medium' | 'large';
+type ColorNames = 'primary' | 'secondary' | 'success' | 'danger';
+export interface TabGroupExtendedProps extends TabGroupProps {
+    variant?: VariantNames;
     className?: string;
-}> & TabGroupProps>;
-export declare const TabList: FC<React.PropsWithChildren<{
+}
+export declare const TabGroup: FC<React.PropsWithChildren<TabGroupExtendedProps>>;
+export interface TabListExtendedProps extends TabListProps {
+    variant?: VariantNames;
     className?: string;
-}> & TabListProps>;
-export declare function TabItem({ children, className, disabled, showMobileIndicator, }: React.PropsWithChildren<{
+}
+export declare const TabList: FC<React.PropsWithChildren<TabListExtendedProps>>;
+export interface TabItemExtendedProps extends TabProps {
+    variant?: VariantNames;
+    size?: SizeNames;
+    color?: ColorNames;
     className?: string;
     disabled?: boolean;
     showMobileIndicator?: boolean;
-}> & TabProps): import("react/jsx-runtime").JSX.Element;
+    icon?: React.ReactNode;
+}
+export declare function TabItem({ children, className, disabled, showMobileIndicator, variant, size, color, icon, }: React.PropsWithChildren<TabItemExtendedProps>): import("react/jsx-runtime").JSX.Element;
 export declare function TabPanels({ children, className, }: React.PropsWithChildren<{
     className?: string;
 }> & TabPanelsProps): import("react/jsx-runtime").JSX.Element;

package/components/utils/image.d.ts

@@ -1,16 +1,25 @@
 import { default as React } from 'react';
-export interface ImageProps {
+type ObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+type Loading = 'lazy' | 'eager';
+type Priority = 'high' | 'low' | 'auto';
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     src: string;
-    height?: number | string;
+    alt: string;
     width?: number | string;
-    alt?: string;
+    height?: number | string;
+    objectFit?: ObjectFit;
+    loading?: Loading;
+    priority?: Priority;
+    placeholder?: 'blur' | 'empty';
     blurDataURL?: string;
-    blurWidth?: number | string;
-    blurHeight?: number | string;
-    priority?: boolean;
+    quality?: number;
+    onLoad?: () => void;
+    onError?: () => void;
+    fallbackSrc?: string;
     className?: string;
-    placeholder?: string;
-    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    containerClassName?: string;
+    aspectRatio?: string;
+    fill?: boolean;
 }
 export declare const Image: React.FC<ImageProps>;
 export default Image;

package/components/utils/index.d.ts

@@ -2,4 +2,3 @@ export * from './code-block';
 export * from './image';
 export * from './reveal-content';
 export * from './scroll-to-top';
-export * from './test-brand-classes';

package/components/utils/scroll-to-top.d.ts

@@ -1,5 +1,42 @@
+export interface ScrollToTopProps {
+    /**
+     * Distance from the top of the viewport (in pixels or Tailwind class)
+     * Default: undefined (uses bottom instead)
+     */
+    top?: string | number;
+    /**
+     * Distance from the right of the viewport (in pixels or Tailwind class)
+     * Default: 24
+     */
+    right?: string | number;
+    /**
+     * Distance from the bottom of the viewport (in pixels or Tailwind class)
+     * Default: 24
+     */
+    bottom?: string | number;
+    /**
+     * Distance from the left of the viewport (in pixels or Tailwind class)
+     * Default: undefined (uses right instead)
+     */
+    left?: string | number;
+    /**
+     * Minimum scroll position (in pixels) to show the button
+     * Default: 400
+     */
+    showAfter?: number;
+    /**
+     * Custom className for the button
+     */
+    className?: string;
+    /**
+     * Size of the button
+     * Default: 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+}
 /**
  * ScrollToTop component that scrolls to the top of the page when the route changes
+ * and displays a floating button to scroll back to top
  */
-export declare function ScrollToTop(): null;
+export declare function ScrollToTop({ top, right, bottom, left, showAfter, className, size, }?: ScrollToTopProps): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
 export default ScrollToTop;

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

@@ -6,6 +6,7 @@ interface HeroCardProps {
     description?: string;
     githubButton?: boolean;
     getStartedButton?: boolean;
+    content?: React.ReactNode;
     docsButton?: 'introduction' | 'layout-system' | 'design-system' | 'theming-guide' | 'form-system' | 'icons-system' | 'hooks-utilities' | 'blockchain-components' | 'accessibility' | 'tailwind-utilities';
     backgroundAnimation?: boolean;
     customButton?: {

package/demo/components/index.d.ts

@@ -1 +1,5 @@
 export * from './hero-card';
+export * from './nav-options';
+export * from './playground-button';
+export * from './table-of-contents';
+export * from './lazy-component-section';

package/demo/components/lazy-component-section.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface LazyComponentSectionProps {
+    id: string;
+    component: React.LazyExoticComponent<React.ComponentType<Record<string, never>>>;
+    fallback?: React.ReactNode;
+}
+/**
+ * Component that lazy loads a section component when it enters the viewport
+ */
+export declare const LazyComponentSection: React.FC<LazyComponentSectionProps>;
+export default LazyComponentSection;

package/demo/components/nav-options.d.ts

@@ -0,0 +1,2 @@
+export declare const NavOptions: () => import("react/jsx-runtime").JSX.Element;
+export default NavOptions;

package/demo/components/playground-button.d.ts

@@ -0,0 +1 @@
+export declare const PlaygroundButton: () => import("react/jsx-runtime").JSX.Element;

package/demo/components/table-of-contents.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface TableOfContentsItem {
+    id: string;
+    label: string;
+    category?: string;
+}
+interface TableOfContentsProps {
+    items: TableOfContentsItem[];
+    title?: string;
+    className?: string;
+    onItemClick?: (item: TableOfContentsItem) => void;
+    children?: React.ReactNode;
+    onSidebarToggle?: (isOpen: boolean) => void;
+}
+export declare const TableOfContents: React.FC<TableOfContentsProps>;
+export default TableOfContents;

package/demo/index.d.ts

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

package/demo/pages/blockchain/BlockchainComponents.d.ts

@@ -0,0 +1 @@
+export declare function BlockchainComponents(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/blockchain/blockchain-components-sections/CoinCardSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/CoinInfoCardSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/CoinListBoxSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/CollectionCardSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/CollectionSelectListSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/CurrencySwapIconsSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/LivePriceFeedSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/NFTGridSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/TransactionInfoSection.d.ts

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

package/demo/pages/blockchain/blockchain-components-sections/index.d.ts

@@ -0,0 +1,9 @@
+export { default as CoinCardSection } from './CoinCardSection';
+export { default as LivePriceFeedSection } from './LivePriceFeedSection';
+export { default as CollectionCardSection } from './CollectionCardSection';
+export { default as CoinInfoCardSection } from './CoinInfoCardSection';
+export { default as NFTGridSection } from './NFTGridSection';
+export { default as CoinListBoxSection } from './CoinListBoxSection';
+export { default as TransactionInfoSection } from './TransactionInfoSection';
+export { default as CollectionSelectListSection } from './CollectionSelectListSection';
+export { default as CurrencySwapIconsSection } from './CurrencySwapIconsSection';

package/demo/pages/components/ComponentsIntroduction.d.ts

@@ -0,0 +1 @@
+export declare function ComponentsIntroduction(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/components/InputsComponents.d.ts

@@ -0,0 +1,2 @@
+export declare const InputsComponents: () => import("react/jsx-runtime").JSX.Element;
+export default InputsComponents;

package/demo/pages/components/UiComponents.d.ts

@@ -0,0 +1 @@
+export declare function UiComponents(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/components/input-components-sections/CheckboxSection.d.ts

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

package/demo/pages/components/input-components-sections/FileInputSection.d.ts

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

package/demo/pages/components/input-components-sections/InputSearcherSection.d.ts

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

package/demo/pages/components/input-components-sections/InputSection.d.ts

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

package/demo/pages/components/input-components-sections/PinCodeSection.d.ts

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

package/demo/pages/components/input-components-sections/RadioGroupSection.d.ts

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

package/demo/pages/components/input-components-sections/RadioSection.d.ts

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

package/demo/pages/components/input-components-sections/SelectSection.d.ts

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

package/demo/pages/components/input-components-sections/SwitchSection.d.ts

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

package/demo/pages/components/input-components-sections/TextareaSection.d.ts

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

package/demo/pages/components/input-components-sections/ToggleBarSection.d.ts

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

package/demo/pages/components/input-components-sections/index.d.ts

@@ -0,0 +1,11 @@
+export { default as InputSection } from './InputSection';
+export { default as TextareaSection } from './TextareaSection';
+export { default as SelectSection } from './SelectSection';
+export { default as RadioSection } from './RadioSection';
+export { default as RadioGroupSection } from './RadioGroupSection';
+export { default as CheckboxSection } from './CheckboxSection';
+export { default as PinCodeSection } from './PinCodeSection';
+export { default as SwitchSection } from './SwitchSection';
+export { default as InputSearcherSection } from './InputSearcherSection';
+export { default as FileInputSection } from './FileInputSection';
+export { default as ToggleBarSection } from './ToggleBarSection';

package/demo/pages/components/ui-components-sections/ActiveLinkSection.d.ts

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

package/demo/pages/components/ui-components-sections/AlertSection.d.ts

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

package/demo/pages/components/ui-components-sections/AnchorLinkSection.d.ts

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

package/demo/pages/components/ui-components-sections/AuthorCardSection.d.ts

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

package/demo/pages/components/ui-components-sections/AvatarSection.d.ts

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

package/demo/pages/components/ui-components-sections/BadgeSection.d.ts

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

package/demo/pages/components/ui-components-sections/BasicTableSection.d.ts

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

package/demo/pages/components/ui-components-sections/ButtonDripSection.d.ts

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