@e-burgos/tucu-ui 1.0.0

package/components/loaders/progressbar.d.ts

@@ -0,0 +1,64 @@
+declare const classes: {
+    base: string;
+    size: {
+        sm: string;
+        DEFAULT: string;
+        lg: string;
+        xl: string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        DEFAULT: string;
+    };
+    variant: {
+        solid: {
+            base: string;
+            color: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+                danger: string;
+                info: string;
+                success: string;
+                warning: string;
+            };
+        };
+        flat: {
+            base: string;
+            color: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+                danger: string;
+                info: string;
+                success: string;
+                warning: string;
+            };
+        };
+    };
+};
+export interface ProgressbarProps {
+    /** Percentage of filled bar */
+    value?: number;
+    /** Pass label to show percentage inside bar */
+    label?: React.ReactNode;
+    /** Size of the compoents are: */
+    size?: keyof typeof classes.size;
+    /** The rounded variants are: */
+    rounded?: keyof typeof classes.rounded;
+    /** Pass color variations */
+    color?: keyof typeof classes.variant.flat.color;
+    /** The variants of the components are: */
+    variant?: keyof typeof classes.variant;
+    /** To style entire progressbar component */
+    className?: string;
+    /** To style bar of the component */
+    barClassName?: string;
+    /** To style label */
+    labelClassName?: string;
+}
+export declare const Progressbar: ({ value, label, size, rounded, color, variant, className, barClassName, labelClassName, }: ProgressbarProps) => import("react/jsx-runtime").JSX.Element;
+export default Progressbar;

package/components/loaders/spinner.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+declare const colors: {
+    primary: string;
+    gray: string;
+    success: string;
+    danger: string;
+    info: string;
+    warning: string;
+};
+interface SpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    color?: keyof typeof colors;
+}
+export declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

package/components/logos/index.d.ts

@@ -0,0 +1,2 @@
+export * from './logo-theme';
+export * from './logo';

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

@@ -0,0 +1,5 @@
+export interface LogoThemePropTypes {
+    className?: string;
+}
+export declare function LogoTheme({ className }: LogoThemePropTypes): false | import("react/jsx-runtime").JSX.Element;
+export default LogoTheme;

package/components/logos/logo.d.ts

@@ -0,0 +1,13 @@
+import { PRESET_LABEL_COLORS } from '../../themes/config';
+export interface LogoPropTypes {
+    name: string;
+    secondName?: string;
+    path?: string;
+    preset?: PRESET_LABEL_COLORS;
+    className?: string;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    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 default Logo;

package/components/notifications/alert.d.ts

@@ -0,0 +1,12 @@
+interface AlertProps {
+    children: React.ReactNode;
+    variant?: 'info' | 'warning' | 'error' | 'success';
+    dismissible?: boolean;
+    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 namespace Alert {
+    var displayName: string;
+}
+export default Alert;

package/components/notifications/index.d.ts

@@ -0,0 +1,3 @@
+export * from './alert';
+export * from './notification-card';
+export * from './toast';

package/components/notifications/notification-card.d.ts

@@ -0,0 +1,14 @@
+export type NotificationType = 'followed' | 'liked' | 'purchased';
+export type Actor = {
+    name: string;
+    avatar: string;
+};
+export interface NotificationCardProps {
+    type: NotificationType;
+    actor: Actor;
+    time: string;
+    url: string;
+    notifier: string;
+}
+export declare function NotificationCard({ type, actor, time, url, notifier, }: NotificationCardProps): import("react/jsx-runtime").JSX.Element;
+export default NotificationCard;

package/components/notifications/toast.d.ts

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

package/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './param-tab';
+export * from './tab-select';
+export * from './tab';

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

@@ -0,0 +1,13 @@
+import { TabPanel } from './tab';
+export interface TabMenuItem {
+    title: React.ReactNode;
+    path: string;
+}
+export interface ParamTabTypes {
+    tabMenu: TabMenuItem[];
+    children: React.ReactNode;
+    tabListClassName?: string;
+}
+export { TabPanel };
+export declare function ParamTab({ tabMenu, children, tabListClassName, }: ParamTabTypes): import("react/jsx-runtime").JSX.Element;
+export default ParamTab;

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

@@ -0,0 +1,10 @@
+export interface TabSelectMenuItem {
+    title: React.ReactNode;
+    path: string;
+}
+export declare const TabSelect: import('react').ForwardRefExoticComponent<{
+    tabMenu: TabSelectMenuItem[];
+    selectedTabIndex: number;
+    onChange: (index: number) => void;
+} & import('react').RefAttributes<HTMLElement>>;
+export default TabSelect;

package/components/tabs/tab.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { Tab, TabGroupProps, TabPanelsProps, TabPanelProps, TabListProps, TabProps } from '@headlessui/react';
+export { Tab };
+export declare const TabGroup: FC<React.PropsWithChildren<{
+    className?: string;
+}> & TabGroupProps>;
+export declare const TabList: FC<React.PropsWithChildren<{
+    className?: string;
+}> & TabListProps>;
+export declare function TabItem({ children, className, disabled, showMobileIndicator, }: React.PropsWithChildren<{
+    className?: string;
+    disabled?: boolean;
+    showMobileIndicator?: boolean;
+}> & TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanels({ children, className, }: React.PropsWithChildren<{
+    className?: string;
+}> & TabPanelsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanel({ children, className, }: React.PropsWithChildren<{
+    className?: string;
+}> & TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/components/typography/index.d.ts

@@ -0,0 +1,39 @@
+declare const classes: {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    p: string;
+    i: string;
+    b: string;
+    q: string;
+    em: string;
+    strong: string;
+    small: string;
+    span: string;
+    del: string;
+    mark: string;
+    abbr: string;
+    pre: string;
+    code: string;
+    kbd: string;
+    blockquote: string;
+    sub: string;
+    sup: string;
+};
+export interface TypographyProps {
+    /**  */
+    tag?: keyof typeof classes;
+    /** title attribute only appear when tag is `abbr` */
+    title?: string;
+    /** Add custom classes for extra style */
+    className?: string;
+}
+/**
+ * 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 default Typography;

package/components/utils/code-block.d.ts

@@ -0,0 +1,8 @@
+export declare const CodeBlock: ({ code, language, expanded, noExpand, className, }: {
+    code: string;
+    language?: string;
+    expanded?: boolean;
+    noExpand?: boolean;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CodeBlock;

package/components/utils/image.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface ImageProps {
+    src: string;
+    height?: number | string;
+    width?: number | string;
+    alt?: string;
+    blurDataURL?: string;
+    blurWidth?: number | string;
+    blurHeight?: number | string;
+    priority?: boolean;
+    className?: string;
+    placeholder?: string;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+}
+export declare const Image: React.FC<ImageProps>;
+export default Image;

package/components/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './code-block';
+export * from './image';
+export * from './reveal-content';
+export * from './scroll-to-top';
+export * from './test-brand-classes';

package/components/utils/reveal-content.d.ts

@@ -0,0 +1,6 @@
+export interface RevealContentTypes {
+    defaultHeight: number;
+    className?: string;
+}
+export declare function RevealContent({ children, defaultHeight, className, }: React.PropsWithChildren<RevealContentTypes>): import("react/jsx-runtime").JSX.Element;
+export default RevealContent;

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

@@ -0,0 +1,5 @@
+/**
+ * ScrollToTop component that scrolls to the top of the page when the route changes
+ */
+export declare function ScrollToTop(): null;
+export default ScrollToTop;

package/components/utils/test-brand-classes.d.ts

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

package/hooks/index.d.ts

@@ -0,0 +1,13 @@
+export * from './use-breakpoint';
+export * from './use-click-away';
+export * from './use-copy-to-clipboard';
+export * from './use-element-size';
+export * from './use-event-listener';
+export * from './use-grid-switcher';
+export * from './use-is-mobile';
+export * from './use-is-mounted';
+export * from './use-lock-body-scroll';
+export * from './use-measure';
+export * from './use-scrollable-slider';
+export * from './use-toast-store';
+export * from './use-window-scroll';

package/hooks/use-breakpoint.d.ts

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

package/hooks/use-click-away.d.ts

@@ -0,0 +1 @@
+export { default as useClickAway } from 'react-use/lib/useClickAway';

package/hooks/use-copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export { default as useCopyToClipboard } from 'react-use/lib/useCopyToClipboard';

package/hooks/use-element-size.d.ts

@@ -0,0 +1,9 @@
+type Size = {
+    width: number;
+    height: number;
+};
+export declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
+    (node: T | null) => void,
+    Size
+];
+export {};

package/hooks/use-event-listener.d.ts

@@ -0,0 +1,7 @@
+import { RefObject, useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
+export { useEventListener };

package/hooks/use-grid-switcher.d.ts

@@ -0,0 +1,6 @@
+interface GridSwitcherStore {
+    isGridCompact: boolean;
+    setIsGridCompact: (isGridCompact: boolean) => void;
+}
+export declare const useGridSwitcher: import('zustand').UseBoundStore<import('zustand').StoreApi<GridSwitcherStore>>;
+export {};

package/hooks/use-is-mobile.d.ts

@@ -0,0 +1,4 @@
+export declare const useIsMobile: () => {
+    isMobile: boolean;
+};
+export default useIsMobile;

package/hooks/use-is-mounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/hooks/use-lock-body-scroll.d.ts

@@ -0,0 +1 @@
+export declare function useLockBodyScroll(freezeBodyScroll: boolean): void;

package/hooks/use-measure.d.ts

@@ -0,0 +1 @@
+export { default as useMeasure } from 'react-use/lib/useMeasure';

package/hooks/use-scrollable-slider.d.ts

@@ -0,0 +1,7 @@
+export declare function useScrollableSlider(defaultActivePath?: string): {
+    sliderEl: import('react').MutableRefObject<HTMLDivElement>;
+    sliderPrevBtn: import('react').MutableRefObject<HTMLButtonElement>;
+    sliderNextBtn: import('react').MutableRefObject<HTMLButtonElement>;
+    scrollToTheRight: () => void;
+    scrollToTheLeft: () => void;
+};

package/hooks/use-toast-store.d.ts

@@ -0,0 +1,17 @@
+export interface IToast {
+    id: string;
+    title?: string;
+    message: string;
+    open?: boolean;
+    variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    timeout?: number;
+    dismissing?: boolean;
+}
+interface ToastState {
+    toasts: IToast[];
+    setToasts: (toasts: IToast[]) => void;
+    addToast: (toast: IToast) => void;
+    dismissToast: (toastId?: string) => void;
+}
+export declare const useToastStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ToastState>>;
+export {};

package/hooks/use-window-scroll.d.ts

@@ -0,0 +1 @@
+export { default as useWindowScroll } from 'react-use/lib/useWindowScroll';