@clicktap/ui 0.12.2 → 0.12.4

package/utils/defaultTheme.d.ts

@@ -0,0 +1,501 @@
+import type { MergeDeep, PartialDeep } from 'type-fest';
+export declare const defaultTheme: {
+    fontFamily: {
+        sans: string[];
+        serif: string[];
+        monospace: string[];
+    };
+    fontSize: {
+        xs: (string | {
+            lineHeight: string;
+        })[];
+        sm: (string | {
+            lineHeight: string;
+        })[];
+        base: (string | {
+            lineHeight: string;
+        })[];
+        lg: (string | {
+            lineHeight: string;
+        })[];
+        xl: (string | {
+            lineHeight: string;
+        })[];
+        '2xl': (string | {
+            lineHeight: string;
+        })[];
+        '3xl': (string | {
+            lineHeight: string;
+        })[];
+        '4xl': (string | {
+            lineHeight: string;
+        })[];
+        '5xl': (string | {
+            lineHeight: string;
+        })[];
+        '6xl': (string | {
+            lineHeight: string;
+        })[];
+        '7xl': (string | {
+            lineHeight: string;
+        })[];
+        '8xl': (string | {
+            lineHeight: string;
+        })[];
+        '9xl': (string | {
+            lineHeight: string;
+        })[];
+    };
+    fontWeight: {
+        thin: number;
+        extralight: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    letterSpacing: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    lineHeight: {
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+    };
+    borderRadius: {
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+    };
+    listStyleType: {
+        none: string;
+        disc: string;
+        decimal: string;
+    };
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    colors: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        background: string;
+        inherit: string;
+        current: string;
+        transparent: string;
+        black: string;
+        white: string;
+        slate: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        zinc: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        neutral: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        stone: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        amber: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        yellow: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        lime: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        emerald: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        teal: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        cyan: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        sky: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        blue: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        indigo: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        violet: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        purple: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        fuchsia: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        pink: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        rose: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    spacing: {
+        px: string;
+        0: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    height: {
+        auto: string;
+        px: string;
+        0: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        '1/2': string;
+        '1/3': string;
+        '2/3': string;
+        '1/4': string;
+        '2/4': string;
+        '3/4': string;
+        '1/5': string;
+        '2/5': string;
+        '3/5': string;
+        '4/5': string;
+        '1/6': string;
+        '2/6': string;
+        '3/6': string;
+        '4/6': string;
+        '5/6': string;
+        full: string;
+        screen: string;
+        min: string;
+        max: string;
+        fit: string;
+    };
+    components: {
+        button: {
+            primary: {
+                color: string;
+                backgroundColor: string;
+            };
+        };
+        Card: {
+            border: string;
+            padding: string;
+            backgroundColor: string;
+            borderRadius: string;
+            boxShadow: string;
+        };
+        'Card.Content': {
+            padding: number;
+            fontSize: string;
+        };
+        'Card.Header': {
+            fontSize: string;
+            fontWeight: string;
+            marginBottom: string;
+        };
+    };
+};
+export type Theme = typeof defaultTheme;
+/**
+ * Performs a deep merge of source into target
+ */
+export declare function mergeTheme<T extends Record<string, any>, S extends PartialDeep<T>>(target: T, source: S): MergeDeep<T, S>;

package/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Accordion';
-export { AccordionItem } from '@nextui-org/accordion';

package/Avatar/types.d.ts

@@ -1,6 +0,0 @@
-import { AvatarProps as NextAvatarProps } from '@nextui-org/avatar';
-export type AvatarProps = Omit<NextAvatarProps, 'color'>;
-export interface RootProps {
-    isInGroup: boolean;
-    isGrid: boolean;
-}

package/Badge/types.d.ts

@@ -1,3 +0,0 @@
-import { BadgeProps as NextBadgeProps } from '@nextui-org/badge';
-export type BadgeProps = Omit<NextBadgeProps, 'color | disableOutline'>;
-export type BadgeWrapperProps = Pick<BadgeProps, 'placement' | 'shape'>;

package/Breadcrumbs/BreadcrumbEllipsis.d.ts

@@ -1,3 +0,0 @@
-import { ComponentProps } from 'react';
-export declare function BreadcrumbEllipsis({ children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbEllipsis;

package/Breadcrumbs/BreadcrumbItem.d.ts

@@ -1,3 +0,0 @@
-import { BreadcrumbProps } from 'react-aria-components';
-export declare function BreadcrumbItem({ children, className, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbItem;

package/Breadcrumbs/BreadcrumbLink.d.ts

@@ -1,3 +0,0 @@
-import { LinkProps } from 'react-aria-components';
-export declare function BreadcrumbLink({ children, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbLink;

package/Breadcrumbs/BreadcrumbSeparator.d.ts

@@ -1,3 +0,0 @@
-import { BreadcrumbItemProps } from './types';
-export declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
-export default BreadcrumbSeparator;

package/Breadcrumbs/types.d.ts

@@ -1,10 +0,0 @@
-import { BreadcrumbProps, type BreadcrumbsProps as AriaBreadcrumbsProps, LinkProps } from 'react-aria-components';
-import React, { ReactNode } from 'react';
-export interface Breadcrumb extends LinkProps {
-    name: string;
-    component?: ReactNode;
-}
-export interface BreadcrumbItemProps extends Omit<BreadcrumbProps, 'children'>, React.RefAttributes<HTMLLIElement> {
-    children?: ReactNode;
-}
-export type BreadcrumbsProps<T extends object> = Omit<AriaBreadcrumbsProps<T>, 'items'>;

package/Card/Card.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren, HTMLAttributes } from 'react';
-type CardProps = HTMLAttributes<HTMLDivElement>;
-export declare function Card({ children, className, ...props }: PropsWithChildren<CardProps>): import("react/jsx-runtime").JSX.Element;
-export default Card;

package/Checkbox/Checkbox.d.ts

@@ -1,20 +0,0 @@
-import { CheckboxProps as UiCheckboxProps, CheckboxRenderProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import type { SlotsToClasses } from '../types';
-interface CheckboxSlots {
-    control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
-}
-export interface CheckboxProps extends UiCheckboxProps {
-    slots?: CheckboxSlots;
-    classNames?: SlotsToClasses<'control'>;
-}
-export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Checkbox {
-    var defaultProps: {
-        slots: {
-            control: undefined;
-        };
-        classNames: undefined;
-    };
-}
-export default Checkbox;

package/Container/Container.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export declare const Container: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export default Container;

package/ContextMenu/ContextMenu.d.ts

@@ -1,24 +0,0 @@
-import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
-import { Dispatch, Key, SetStateAction, ReactNode } from 'react';
-import { MotionStyle } from 'framer-motion';
-import type { SlotsToClasses } from '../types';
-export type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
-interface PopoverProps extends Omit<AriaPopoverProps, 'children' | 'style'> {
-    animation: ContextMenuAnimationState;
-    children: ReactNode;
-    onAction?: (key: Key) => void;
-    setAnimation: Dispatch<SetStateAction<ContextMenuAnimationState>>;
-    key?: Key | null;
-    classNames?: SlotsToClasses<'menu'>;
-    style?: MotionStyle;
-}
-export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ContextMenu {
-    var defaultProps: {
-        key: undefined;
-        onAction: undefined;
-        classNames: undefined;
-        style: undefined;
-    };
-}
-export default ContextMenu;

package/DateInput/DateInput.d.ts

@@ -1,18 +0,0 @@
-import type { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-interface DateInputProps extends DateFieldProps<DateValue> {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
-}
-export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace DateInput {
-    var defaultProps: {
-        label: undefined;
-        description: undefined;
-        errorMessage: undefined;
-        classNames: undefined;
-    };
-}
-export default DateInput;

package/Dialog/Dialog.d.ts

@@ -1,3 +0,0 @@
-import { DialogProps } from 'react-aria-components';
-export declare function Dialog({ className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
-export default Dialog;

package/Drawer/Drawer.d.ts

@@ -1,11 +0,0 @@
-import { DialogProps } from 'react-aria-components';
-export type DrawerProps = DialogProps & {
-    direction?: 'top' | 'right' | 'bottom' | 'left';
-};
-export declare function Drawer({ direction, className, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Drawer {
-    var defaultProps: {
-        direction: string;
-    };
-}
-export default Drawer;

package/Input/Input.d.ts

@@ -1,21 +0,0 @@
-import { TextFieldProps, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-export interface MyTextFieldProps extends TextFieldProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    placeholder?: string;
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
-}
-export declare const InputSharedClasses: string[];
-export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Input {
-    var defaultProps: {
-        label: undefined;
-        description: undefined;
-        errorMessage: undefined;
-        placeholder: undefined;
-        classNames: undefined;
-    };
-}
-export default Input;

package/Loader/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CircularEasing/CircularEasing';
-export * from './Pulse/Pulse';

package/Modal/Modal.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ModalOverlayProps } from 'react-aria-components';
-interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
-    children: React.ReactNode;
-}
-export declare function Modal({ children, className, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
-export default Modal;

package/ModalOverlay/ModalOverlay.d.ts

@@ -1,3 +0,0 @@
-import { ModalOverlayProps } from 'react-aria-components';
-export declare function ModalOverlay({ className, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
-export default ModalOverlay;

package/NavigationMenu/NavigationMenu.d.ts

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

package/Progressbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CircularProgressbar/CircularProgressbar';
-export * from './LinearProgressbar/LinearProgressbar';