@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/esm/theme/theme-context.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { NextUIThemeContext } from './types';
-export declare const defaultContext: NextUIThemeContext;
-declare const ThemeContext: React.Context<NextUIThemeContext>;
-export default ThemeContext;

package/esm/theme/theme-provider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CreateTheme } from './types';
-export interface Props {
-    theme?: CreateTheme;
-    disableBaseline?: boolean;
-}
-declare const defaultProps: {
-    disableBaseline: boolean;
-};
-export declare type ThemeProviderProps = Props & typeof defaultProps;
-declare const _default: React.ComponentType<Partial<{
-    disableBaseline: boolean;
-}> & Omit<React.PropsWithChildren<ThemeProviderProps>, "disableBaseline">>;
-export default _default;

package/esm/theme/types.d.ts

@@ -1,75 +0,0 @@
-import { StitchesTheme, createThemeBase } from './stitches.config';
-import commonTheme from './common';
-/** Configuration Interface */
-declare namespace ConfigType {
-    /** Theme interface. */
-    type Theme<T = {}> = {
-        borderStyles?: {
-            [token in number | string]: boolean | number | string;
-        };
-        borderWidths?: {
-            [token in number | string]: boolean | number | string;
-        };
-        colors?: {
-            [token in number | string]: boolean | number | string;
-        };
-        fonts?: {
-            [token in number | string]: boolean | number | string;
-        };
-        fontSizes?: {
-            [token in number | string]: boolean | number | string;
-        };
-        fontWeights?: {
-            [token in number | string]: boolean | number | string;
-        };
-        letterSpacings?: {
-            [token in number | string]: boolean | number | string;
-        };
-        lineHeights?: {
-            [token in number | string]: boolean | number | string;
-        };
-        radii?: {
-            [token in number | string]: boolean | number | string;
-        };
-        shadows?: {
-            [token in number | string]: boolean | number | string;
-        };
-        sizes?: {
-            [token in number | string]: boolean | number | string;
-        };
-        space?: {
-            [token in number | string]: boolean | number | string;
-        };
-        transitions?: {
-            [token in number | string]: boolean | number | string;
-        };
-        zIndices?: {
-            [token in number | string]: boolean | number | string;
-        };
-    } & {
-        [Scale in keyof T]: {
-            [Token in keyof T[Scale]]: T[Scale][Token] extends boolean | number | string ? T[Scale][Token] : boolean | number | string;
-        };
-    };
-}
-export declare type BaseTheme = ConfigType.Theme;
-export declare type NextUITheme = StitchesTheme;
-export declare type ThemeType = 'dark' | 'light';
-export declare type CreateTheme = ReturnType<typeof createThemeBase>;
-export declare type TokenKeyName = keyof typeof commonTheme['theme'];
-export interface TokenValue {
-    token: number | string;
-    value: number | string;
-    scale: string;
-    prefix: string;
-}
-export declare type Theme = {
-    type?: ThemeType | string;
-    theme?: BaseTheme;
-};
-export declare type NextUIThemeContext = {
-    type: ThemeType | string;
-    theme?: NextUITheme;
-    isDark?: boolean;
-};
-export {};

package/esm/theme/utils.d.ts

@@ -1,16 +0,0 @@
-import { ThemeType, TokenValue, TokenKeyName } from './types';
-export declare const getTokenValue: (token: TokenKeyName, tokenName: string) => string;
-export declare const getDocumentCSSTokens: () => {
-    colors: {
-        [x: string]: TokenValue | undefined;
-    };
-    shadows: {
-        [x: string]: TokenValue | undefined;
-    };
-};
-/**
- * Returns active theme according to the given document
- */
-export declare const getDocumentTheme: (el: HTMLElement) => string;
-export declare const getThemeName: (theme: ThemeType | string) => string;
-export declare const changeTheme: (theme: ThemeType | string) => void;

package/esm/tooltip/index.d.ts

@@ -1,6 +0,0 @@
-import Tooltip from './tooltip';
-export type { TooltipProps } from './tooltip';
-export type { TooltipContentProps } from './tooltip-content';
-export { StyledTooltipTrigger, StyledTooltipArrow, StyledTooltipContent, StyledTooltip } from './tooltip.styles';
-export type { TooltipTriggerVariantsProps, TooltipContentVariantsProps } from './tooltip.styles';
-export default Tooltip;

package/esm/tooltip/placement.d.ts

@@ -1,39 +0,0 @@
-import { Placement } from '../utils/prop-types';
-import { MutableRefObject } from 'react';
-interface ParentDomRect {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-    width: number;
-    height: number;
-}
-interface ReactiveDomReact {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    width: number;
-    height: number;
-}
-export declare const getRect: (ref: MutableRefObject<HTMLElement | null>) => ReactiveDomReact;
-export interface TooltipPlacement {
-    top: string;
-    left: string;
-    transform: string;
-}
-export declare const defaultTooltipPlacement: {
-    top: string;
-    left: string;
-    transform: string;
-};
-export interface TooltipIconPlacement {
-    top: string;
-    left: string;
-    right: string;
-    bottom: string;
-    transform: string;
-}
-export declare const getPlacement: (placement: Placement, rect: ParentDomRect, offset: number) => TooltipPlacement;
-export declare const getIconPlacement: (placement: Placement, offset: number) => TooltipIconPlacement;
-export {};

package/esm/tooltip/tooltip-content.d.ts

@@ -1,27 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { CSS } from '../theme/stitches.config';
-import { Placement } from '../utils/prop-types';
-import { TooltipContentVariantsProps } from './tooltip.styles';
-interface Props {
-    placement?: Placement;
-    visible?: boolean;
-    offset?: number;
-    parent?: MutableRefObject<HTMLElement | null> | undefined;
-    animated?: boolean;
-    rounded?: boolean;
-    hideArrow?: boolean;
-    className?: string;
-    css?: CSS;
-}
-declare const defaultProps: {
-    placement: "top" | "topStart" | "topEnd" | "left" | "leftStart" | "leftEnd" | "bottom" | "bottomStart" | "bottomEnd" | "right" | "rightStart" | "rightEnd";
-    offset: number;
-    className: string;
-};
-export declare type TooltipContentProps = Props & typeof defaultProps & TooltipContentVariantsProps;
-declare const _default: React.ComponentType<Partial<{
-    placement: "top" | "topStart" | "topEnd" | "left" | "leftStart" | "leftEnd" | "bottom" | "bottomStart" | "bottomEnd" | "right" | "rightStart" | "rightEnd";
-    offset: number;
-    className: string;
-}> & Omit<React.PropsWithChildren<TooltipContentProps>, "offset" | "className" | "placement">>;
-export default _default;

package/esm/use-body-scroll/index.d.ts

@@ -1,3 +0,0 @@
-import useBodyScroll from './use-body-scroll';
-export type { BodyScrollOptions } from './use-body-scroll';
-export default useBodyScroll;

package/esm/use-body-scroll/use-body-scroll.d.ts

@@ -1,9 +0,0 @@
-import { Dispatch, RefObject, SetStateAction } from 'react';
-export declare type ElementStackItem = {
-    last: string;
-};
-export declare type BodyScrollOptions = {
-    scrollLayer: boolean;
-};
-declare const useBodyScroll: (elementRef?: RefObject<HTMLElement> | null | undefined, options?: BodyScrollOptions | undefined) => [boolean, Dispatch<SetStateAction<boolean>>];
-export default useBodyScroll;

package/esm/use-click-anywhere/index.d.ts

@@ -1,2 +0,0 @@
-import useClickAnyWhere from './use-click-anywhere';
-export default useClickAnyWhere;

package/esm/use-click-anywhere/use-click-anywhere.d.ts

@@ -1,2 +0,0 @@
-declare const useClickAnyWhere: (handler: (event: Event) => void) => void;
-export default useClickAnyWhere;

package/esm/use-click-away/index.d.ts

@@ -1,2 +0,0 @@
-import useClickAway from './use-click-away';
-export default useClickAway;

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

@@ -1,3 +0,0 @@
-import { MutableRefObject } from 'react';
-declare const useClickAway: (ref: MutableRefObject<HTMLElement | null>, handler: (event: Event) => void) => void;
-export default useClickAway;

package/esm/use-clipboard/index.d.ts

@@ -1,3 +0,0 @@
-import useClipboard from './use-clipboard';
-export type { UseClipboardOptions, UseClipboardResult } from './use-clipboard';
-export default useClipboard;

package/esm/use-clipboard/use-clipboard.d.ts

@@ -1,8 +0,0 @@
-export declare type UseClipboardOptions = {
-    onError: Function;
-};
-export declare type UseClipboardResult = {
-    copy: (text: string) => void;
-};
-declare const useClipboard: (options?: UseClipboardOptions) => UseClipboardResult;
-export default useClipboard;

package/esm/use-current-state/index.d.ts

@@ -1,2 +0,0 @@
-import useCurrentState from './use-current-state';
-export default useCurrentState;

package/esm/use-current-state/use-current-state.d.ts

@@ -1,8 +0,0 @@
-import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-export declare type CurrentStateType<S> = [
-    S,
-    Dispatch<SetStateAction<S>>,
-    MutableRefObject<S>
-];
-declare const useCurrentState: <S>(initialState: S | (() => S)) => CurrentStateType<S>;
-export default useCurrentState;

package/esm/use-drip/index.d.ts

@@ -1,2 +0,0 @@
-import useDrip from './use-drip';
-export default useDrip;

package/esm/use-drip/use-drip.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const useDrip: (initialValue: boolean | undefined, ref: React.RefObject<HTMLElement>) => {
-    visible: boolean;
-    x: number;
-    y: number;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-    onCompleted: () => void;
-};
-export default useDrip;

package/esm/use-input/index.d.ts

@@ -1,2 +0,0 @@
-import useInput from './use-input';
-export default useInput;

package/esm/use-input/use-input.d.ts

@@ -1,13 +0,0 @@
-import React, { Dispatch, MutableRefObject, SetStateAction } from 'react';
-export declare type BindingsChangeTarget = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string;
-declare const useInput: (initialValue: string) => {
-    value: string;
-    setValue: Dispatch<SetStateAction<string>>;
-    currentRef: MutableRefObject<string>;
-    reset: () => void;
-    bindings: {
-        value: string;
-        onChange: (event: BindingsChangeTarget) => void;
-    };
-};
-export default useInput;

package/esm/use-keyboard/codes.d.ts

@@ -1,92 +0,0 @@
-/**
- * KeyBinding Codes
- * The content of this file is based on the design of the open source project "microsoft/vscode",
- *   Copyright (c) Microsoft Corporation. All rights reserved.
- *
- * We inherit the KeyMod values from "microsoft/vscode",
- * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
- */
-export declare enum KeyCode {
-    Unknown = 0,
-    Backspace = 8,
-    Tab = 9,
-    Enter = 13,
-    Shift = 16,
-    Ctrl = 17,
-    Alt = 18,
-    PauseBreak = 19,
-    CapsLock = 20,
-    Escape = 27,
-    Space = 32,
-    PageUp = 33,
-    PageDown = 34,
-    End = 35,
-    Home = 36,
-    LeftArrow = 37,
-    UpArrow = 38,
-    RightArrow = 39,
-    DownArrow = 40,
-    Insert = 45,
-    Delete = 46,
-    KEY_0 = 48,
-    KEY_1 = 49,
-    KEY_2 = 50,
-    KEY_3 = 51,
-    KEY_4 = 52,
-    KEY_5 = 53,
-    KEY_6 = 54,
-    KEY_7 = 55,
-    KEY_8 = 56,
-    KEY_9 = 57,
-    KEY_A = 65,
-    KEY_B = 66,
-    KEY_C = 67,
-    KEY_D = 68,
-    KEY_E = 69,
-    KEY_F = 70,
-    KEY_G = 71,
-    KEY_H = 72,
-    KEY_I = 73,
-    KEY_J = 74,
-    KEY_K = 75,
-    KEY_L = 76,
-    KEY_M = 77,
-    KEY_N = 78,
-    KEY_O = 79,
-    KEY_P = 80,
-    KEY_Q = 81,
-    KEY_R = 82,
-    KEY_S = 83,
-    KEY_T = 84,
-    KEY_U = 85,
-    KEY_V = 86,
-    KEY_W = 87,
-    KEY_X = 88,
-    KEY_Y = 89,
-    KEY_Z = 90,
-    Meta = 91,
-    F1 = 112,
-    F2 = 113,
-    F3 = 114,
-    F4 = 115,
-    F5 = 116,
-    F6 = 117,
-    F7 = 118,
-    F8 = 119,
-    F9 = 120,
-    F10 = 121,
-    F11 = 122,
-    F12 = 123,
-    NumLock = 144,
-    ScrollLock = 145,
-    Equal = 187,
-    Minus = 189,
-    Backquote = 192,
-    Backslash = 220
-}
-export declare enum KeyMod {
-    CtrlCmd = 2048,
-    Shift = 1024,
-    Alt = 512,
-    WinCtrl = 256
-}

package/esm/use-keyboard/helper.d.ts

@@ -1,3 +0,0 @@
-import { KeyMod } from './codes';
-export declare const getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;
-export declare const getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;

package/esm/use-keyboard/index.d.ts

@@ -1,5 +0,0 @@
-import useKeyboard from './use-keyboard';
-import { KeyMod, KeyCode } from './codes';
-export { KeyMod, KeyCode };
-export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
-export default useKeyboard;

package/esm/use-keyboard/use-keyboard.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export declare type KeyboardOptions = {
-    disableGlobalEvent?: boolean;
-    stopPropagation?: boolean;
-    preventDefault?: boolean;
-    capture?: boolean;
-    event?: 'keydown' | 'keypress' | 'keyup';
-};
-export declare type KeyboardResult = {
-    bindings: {
-        onKeyDown: React.KeyboardEventHandler;
-        onKeyDownCapture: React.KeyboardEventHandler;
-        onKeyPress: React.KeyboardEventHandler;
-        onKeyPressCapture: React.KeyboardEventHandler;
-        onKeyUp: React.KeyboardEventHandler;
-        onKeyUpCapture: React.KeyboardEventHandler;
-    };
-};
-export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
-export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
-declare const useKeyboard: UseKeyboard;
-export default useKeyboard;

package/esm/use-pagination/index.d.ts

@@ -1,20 +0,0 @@
-export declare const DOTS = "dots";
-export interface PaginationParams {
-    total: number;
-    initialPage?: number;
-    page?: number;
-    siblings?: number;
-    boundaries?: number;
-    onChange?: (page: number) => void;
-}
-export declare type PaginationItemParam = number | typeof DOTS;
-declare const usePagination: ({ page, total, siblings, boundaries, initialPage, onChange }: PaginationParams) => {
-    range: PaginationItemParam[];
-    active: number;
-    setPage: (pageNumber: number) => void;
-    next: () => void;
-    previous: () => void;
-    first: () => void;
-    last: () => void;
-};
-export default usePagination;

package/esm/use-portal/index.d.ts

@@ -1,2 +0,0 @@
-import usePortal from './use-portal';
-export default usePortal;

package/esm/use-portal/use-portal.d.ts

@@ -1,2 +0,0 @@
-declare const usePortal: (selectId?: string, getContainer?: (() => HTMLElement | null) | undefined) => HTMLElement | null;
-export default usePortal;

package/esm/use-real-shape/index.d.ts

@@ -1,2 +0,0 @@
-import useRealShape from './use-real-shape';
-export default useRealShape;

package/esm/use-real-shape/use-real-shape.d.ts

@@ -1,9 +0,0 @@
-import { MutableRefObject } from 'react';
-export declare type ShapeType = {
-    width: number;
-    height: number;
-};
-export declare const getRealShape: (el: HTMLElement | null) => ShapeType;
-export declare type ShapeResult = [ShapeType, () => void];
-declare const useRealShape: <T extends HTMLElement>(ref: MutableRefObject<T | null>) => ShapeResult;
-export default useRealShape;

package/esm/use-resize/index.d.ts

@@ -1,2 +0,0 @@
-import useResize from './use-resize';
-export default useResize;

package/esm/use-resize/use-resize.d.ts

@@ -1,2 +0,0 @@
-declare const useResize: (callback: Function, immediatelyInvoke?: boolean) => void;
-export default useResize;

package/esm/use-ssr/index.d.ts

@@ -1,2 +0,0 @@
-import useSSR from './use-ssr';
-export default useSSR;

package/esm/use-ssr/use-ssr.d.ts

@@ -1,6 +0,0 @@
-export declare type SSRState = {
-    isBrowser: boolean;
-    isServer: boolean;
-};
-declare const useSSR: () => SSRState;
-export default useSSR;

package/esm/use-theme/index.d.ts

@@ -1,2 +0,0 @@
-import useTheme from './use-theme';
-export default useTheme;

package/esm/use-theme/use-theme.d.ts

@@ -1,3 +0,0 @@
-import { NextUIThemeContext } from '../theme/types';
-declare const useTheme: () => NextUIThemeContext;
-export default useTheme;

package/esm/use-warning/index.d.ts

@@ -1,2 +0,0 @@
-import useWarning from './use-warning';
-export default useWarning;

package/esm/use-warning/use-warning.d.ts

@@ -1,2 +0,0 @@
-declare const useWarning: (message: string, component?: string | undefined) => void;
-export default useWarning;

package/esm/user/index.d.ts

@@ -1,6 +0,0 @@
-import User from './user';
-export type { UserProps } from './user';
-export type { UserLinkProps } from './user-link';
-export { StyledUser, StyledUserInfo, StyledUserName, StyledUserSocial, StyledUserLink } from './user.styles';
-export type { UserVariantsProps, UserInfoVariantsProps, UserNameVariantsProps, UserSocialVariantsProps, UserLinkVariantsProps } from './user.styles';
-export default User;

package/esm/user/user-link.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { UserLinkVariantsProps } from './user.styles';
-import { CSS } from '../theme/stitches.config';
-interface Props {
-    href?: string;
-}
-declare type NativeAttrs = Omit<React.AnchorHTMLAttributes<unknown>, keyof Props>;
-export declare type UserLinkProps = Props & NativeAttrs & UserLinkVariantsProps & {
-    css?: CSS;
-};
-declare const MemoUserLink: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
-    css?: CSS | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLAnchorElement>>>;
-export default MemoUserLink;

package/esm/user/user.d.ts

@@ -1,35 +0,0 @@
-import React, { ReactNode } from 'react';
-import UserLink from './user-link';
-import { NormalColors, NormalSizes } from '../utils/prop-types';
-import { CSS } from '../theme/stitches.config';
-import { UserVariantsProps } from './user.styles';
-interface Props {
-    name: ReactNode | string;
-    color?: NormalColors;
-    size?: NormalSizes;
-    src?: string;
-    zoomed?: boolean;
-    bordered?: boolean;
-    pointer?: boolean;
-    altText?: string;
-    text?: string;
-    squared?: boolean;
-    as?: keyof JSX.IntrinsicElements;
-}
-declare const defaultProps: {
-    size: string;
-    squared: boolean;
-    bordered: boolean;
-};
-declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
-export declare type UserProps = Props & typeof defaultProps & NativeAttrs & UserVariantsProps & {
-    css?: CSS;
-};
-declare type MemoUserComponent<P = {}> = React.NamedExoticComponent<P> & {
-    Link: typeof UserLink;
-};
-declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs & {
-    css?: CSS;
-};
-declare const _default: MemoUserComponent<ComponentProps>;
-export default _default;