@nextui-org/react 1.0.0-beta.10

package/types/utils/expand.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { CSS } from "../theme/stitches.config";
+interface Props {
+    isExpanded?: boolean;
+    animated?: boolean;
+    delay?: number;
+    css?: CSS;
+}
+declare const defaultProps: {
+    isExpanded: boolean;
+    animated: boolean;
+    delay: number;
+};
+export declare type ExpandProps = Props & typeof defaultProps;
+declare const _default: React.ComponentType<Partial<{
+    isExpanded: boolean;
+    animated: boolean;
+    delay: number;
+}> & Omit<React.PropsWithChildren<ExpandProps>, "animated" | "isExpanded" | "delay">>;
+export default _default;

package/types/utils/numbers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Convert a value to percentage based on lower and upper bound values
+ *
+ * @param value the value in number
+ * @param min the minimum value
+ * @param max the maximum value
+ */
+export declare function valueToPercent(value: number, min: number, max: number): number;
+export declare function range(start: number, end: number): number[];

package/types/utils/object.d.ts

@@ -0,0 +1,29 @@
+import { Key } from "react";
+export declare const isObject: (target: unknown) => unknown;
+export interface MergeObject {
+    [key: string]: any;
+}
+export declare const renameProp: (oldProp: string, newProp: string, { [oldProp]: old, ...others }: {
+    [x: string]: any;
+}) => {
+    [x: string]: any;
+};
+export declare const copyObject: (obj: any) => any;
+export declare const omitObject: (obj: any, omitKeys: string[]) => any;
+export declare const cleanObject: (obj: any) => any;
+export declare const cleanObjectKeys: (obj: any, keys?: string[]) => any;
+export declare const getKeyValue: (obj: any, key: Key) => any;
+/**
+ * Get value from a deeply nested object using a string path.
+ * Memorizes the value.
+ * @param obj - the object
+ * @param path - the string path
+ * @param fallback  - the fallback value
+ */
+export declare const getProp: (obj: Record<string, any>, path: string | number, fallback?: any, index?: number | undefined) => any;
+/**
+ * Converting an array of objects into a single object.
+ * @param arr - the array of objects
+ * @returns the single object
+ */
+export declare const arrayToObject: (arr: any[]) => any;

package/types/utils/prop-types.d.ts

@@ -0,0 +1,64 @@
+import { ElementType } from "react";
+export declare const tuple: <T extends string[]>(...args: T) => T;
+declare const normalSizes: ["xs", "sm", "md", "lg", "xl"];
+export declare const normalColors: ["default", "primary", "secondary", "success", "warning", "error", "gradient"];
+export declare const simpleColors: ["default", "primary", "secondary", "success", "warning", "error"];
+export declare const extendedColors: ["default", "primary", "secondary", "success", "warning", "error", "invert", "gradient"];
+export declare const extendedColorsNoGradient: ["default", "primary", "secondary", "success", "warning", "error", "invert"];
+export declare const extraColors: ["default", "primary", "secondary", "success", "warning", "error", "dark", "lite", "alert", "purple", "violet", "gradient", "cyan"];
+export declare const normalLoaders: ["default", "points", "points-opacity", "gradient", "spinner"];
+export declare const normalWeights: ["light", "normal", "bold", "extrabold", "black"];
+export declare const textWeights: ["normal", "bold", "lighter", "bolder", "inherit", "initial", "revert", "unset"];
+export declare const textTransforms: ["none", "capitalize", "uppercase", "lowercase", "full-width", "full-size-kana", "inherit", "initial", "revert", "unset"];
+declare const copyTypes: ["default", "slient", "prevent"];
+declare const triggerTypes: ["hover", "click"];
+declare const placement: ["top", "topStart", "topEnd", "left", "leftStart", "leftEnd", "bottom", "bottomStart", "bottomEnd", "right", "rightStart", "rightEnd"];
+declare const position: ["static", "relative", "absolute", "fixed", "sticky", "inherit", "initial", "revert", "unset"];
+declare const objectFit: ["contain", "cover", "fill", "none", "scale-down", "inherit", "initial", "revert", "unset"];
+declare const dividerAlign: ["start", "center", "end", "left", "right"];
+declare const justify: ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+declare const alignItems: ["flex-start", "flex-end", "center", "stretch", "baseline"];
+declare const alignContent: ["stretch", "center", "flex-start", "flex-end", "space-between", "space-around"];
+declare const direction: ["row", "row-reverse", "column", "column-reverse"];
+declare const wrap: ["nowrap", "wrap", "wrap-reverse"];
+declare const display: ["flex", "block", "grid", "inline", "inline-block", "inline-flex", "inline-grid"];
+declare const contentPosition: ["left", "right"];
+declare const normalAlignments: ["start", "center", "end"];
+export declare const excludedInputPropsForTextarea: ["clearable", "as", "rounded", "labelLeft", "labelRight", "contentLeft", "contentRight", "contentClickable", "contentLeftStyling", "contentRightStyling", "onContentClick", "onClearClick", "css"];
+declare const selectionBehavior: ["toggle", "replace"];
+declare const selectionMode: ["none", "single", "multiple"];
+declare const dropdownVariants: ["flat", "light", "solid", "shadow"];
+declare const cardVariants: ["flat", "bordered", "shadow"];
+export declare type Display = typeof display[number];
+export declare type Justify = typeof justify[number];
+export declare type AlignItems = typeof alignItems[number];
+export declare type AlignContent = typeof alignContent[number];
+export declare type Direction = typeof direction[number];
+export declare type Wrap = typeof wrap[number];
+export declare type NormalSizes = typeof normalSizes[number];
+export declare type NormalWeights = typeof normalWeights[number];
+export declare type TextWeights = typeof textWeights[number] | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export declare type TextTransforms = typeof textTransforms[number];
+export declare type NormalColors = typeof normalColors[number];
+export declare type SimpleColors = typeof simpleColors[number];
+export declare type TooltipColors = typeof extendedColorsNoGradient[number];
+export declare type NormalLoaders = typeof normalLoaders[number];
+export declare type NormalAlignment = typeof normalAlignments[number];
+export declare type SnippetTypes = typeof extendedColors[number];
+export declare type CopyTypes = typeof copyTypes[number];
+export declare type ObjectFit = typeof objectFit[number];
+export declare type TriggerTypes = typeof triggerTypes[number];
+export declare type Placement = typeof placement[number];
+export declare type Position = typeof position[number];
+export declare type DividerAlign = typeof dividerAlign[number];
+export declare type ContentPosition = typeof contentPosition[number];
+export declare type BreakpointsValue = number | boolean;
+export declare type ExcludedInputProps = typeof excludedInputPropsForTextarea[number];
+export declare type DropdownVariants = typeof dropdownVariants[number];
+export declare type CardVariants = typeof cardVariants[number];
+export interface AsProp<As extends ElementType = ElementType> {
+    as?: As;
+}
+export declare type SelectionMode = typeof selectionMode[number];
+export declare type SelectionBehavior = typeof selectionBehavior[number];
+export {};

package/types/utils/refs.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
+/**
+ * Assigns a value to a ref function or object
+ *
+ * @param ref the ref to assign to
+ * @param value the value
+ */
+export declare function assignRef<T = any>(ref: ReactRef<T> | undefined, value: T): void;
+/**
+ * Combine multiple React refs into a single ref function.
+ * This is used mostly when you need to allow consumers forward refs to
+ * internal components
+ *
+ * @param refs refs to assign to value to
+ */
+export declare function mergeRefs<T>(...refs: (ReactRef<T> | undefined)[]): (node: T | null) => void;

package/types/utils/system.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Part of this code is taken from @chakra-ui/system
+ */
+/// <reference types="react" />
+import { CSS } from "../theme/stitches.config";
+export declare type As<Props = any> = React.ElementType<Props>;
+export declare type OmitCommonProps<Target, OmitAdditionalProps extends keyof any = never> = Omit<Target, "transition" | "as" | "color" | OmitAdditionalProps>;
+export declare type RightJoinProps<SourceProps extends object = {}, OverrideProps extends object = {}> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
+export declare type MergeWithAs<ComponentProps extends object, AsProps extends object, AdditionalProps extends object = {}, AsComponent extends As = As> = RightJoinProps<ComponentProps, AdditionalProps> & RightJoinProps<AsProps, AdditionalProps> & {
+    as?: AsComponent;
+};
+export declare type ComponentWithAs<Component extends As, Props extends object = {}> = {
+    <AsComponent extends As = Component>(props: MergeWithAs<React.ComponentProps<Component>, React.ComponentProps<AsComponent>, Props, AsComponent>): JSX.Element;
+    displayName?: string;
+    propTypes?: React.WeakValidationMap<any>;
+    contextTypes?: React.ValidationMap<any>;
+    defaultProps?: Partial<any>;
+    id?: string;
+};
+/**
+ * Extract the props of a React element or component
+ */
+export declare type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {
+    as?: As;
+};
+export declare type HTMLNextUIProps<T extends As> = Omit<PropsOf<T>, "ref"> & {
+    as?: As;
+    css?: CSS;
+};
+export declare function forwardRef<Props extends object, Component extends As>(component: React.ForwardRefRenderFunction<any, RightJoinProps<PropsOf<Component>, Props> & {
+    as?: As;
+}>): ComponentWithAs<Component, Props>;

package/types/utils/with-defaults.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const withDefaults: <P, DP>(component: React.ComponentType<P>, defaultProps: DP) => React.ComponentType<Partial<DP> & Omit<P, keyof DP>>;
+export default withDefaults;