@crystallize/design-system 0.0.0

package/dist/index.d.ts

@@ -0,0 +1,123 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ComponentPropsWithRef, RefAttributes } from 'react';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+declare type ItemProps = HTMLAttributes<HTMLLIElement> & {
+    onSelect?: () => void;
+};
+declare function Item({ children, className, onSelect }: ItemProps): JSX.Element;
+
+declare type ActionMenuProps = {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+};
+declare function ActionMenu({ children, className, tabIndex }: ActionMenuProps): JSX.Element;
+declare namespace ActionMenu {
+    var Item: typeof Item;
+}
+
+declare type ButtonStylesProps = VariantProps<typeof buttonStyles>;
+declare const buttonStyles: (props?: ({
+    variant?: "primary" | "secondary" | "secondary-dark" | "danger" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare type ButtonProps = ComponentPropsWithRef<'button'> & ButtonStylesProps;
+declare const Button: react.ForwardRefExoticComponent<Pick<ButtonProps, "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "size"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare type DialogFuncProps = {
+    afterClose?: () => void;
+    cancelText?: ReactNode;
+    className?: string;
+    closable?: boolean;
+    content?: ReactNode;
+    description?: ReactNode;
+    okCancel?: boolean;
+    okText?: ReactNode;
+    onCancel?: (...args: unknown[]) => void;
+    onEscapeKeyDown?: (event: Event) => void;
+    onInteractOutside?: (event: Event) => void;
+    onOk?: (...args: unknown[]) => void;
+    onPointerDownOutside?: (event: Event) => void;
+    open?: boolean;
+    prefixCls?: string;
+    title?: ReactNode;
+    type?: 'info' | 'error' | 'warning';
+};
+declare type ConfigUpdate = DialogFuncProps | ((prevConfig: DialogFuncProps) => DialogFuncProps);
+
+declare type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
+declare const dialogContentStyles: (props?: ({
+    withIcon?: boolean | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare type DialogContentProps = DialogContentStylesProps & {
+    children: ReactNode;
+} & Pick<DialogFuncProps, 'onEscapeKeyDown' | 'onInteractOutside' | 'onPointerDownOutside' | 'closable' | 'type'>;
+declare function DialogContent({ children, closable, type, ...delegated }: DialogContentProps): JSX.Element;
+declare type DialogTitleProps = JSX.IntrinsicAttributes & DialogPrimitive.DialogTitleProps & RefAttributes<HTMLHeadingElement>;
+declare function DialogTitle(delegated: DialogTitleProps): JSX.Element;
+declare type DialogDescriptionProps = JSX.IntrinsicAttributes & DialogPrimitive.DialogDescriptionProps & RefAttributes<HTMLParagraphElement>;
+declare function DialogDescription(delegated: DialogDescriptionProps): JSX.Element;
+declare type DialogBaseProps = {
+    children: ReactNode;
+};
+declare function DialogBase({ children }: DialogBaseProps): JSX.Element;
+declare namespace DialogBase {
+    var Title: typeof DialogTitle;
+    var Trigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+    var Description: typeof DialogDescription;
+    var Content: typeof DialogContent;
+}
+
+declare type DialogType = typeof DialogBase & DialogFuncProps;
+declare const Dialog: DialogType;
+declare function showDialog(delegated: DialogFuncProps): {
+    destroy: (...args: any[]) => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+declare function showWarning(delegated: DialogFuncProps): {
+    destroy: (...args: any[]) => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+declare function showConfirm(delegated: DialogFuncProps): {
+    destroy: (...args: any[]) => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+declare function showError(delegated: DialogFuncProps): {
+    destroy: (...args: any[]) => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+declare function showInfo(delegated: DialogFuncProps): {
+    destroy: (...args: any[]) => void;
+    update: (configUpdate: ConfigUpdate) => void;
+};
+declare function destroyAll(): void;
+
+declare type DropdownMenuRootProps = {
+    children: ReactNode;
+    content: ReactNode;
+    alignContent?: 'start' | 'center' | 'end';
+    onOpenChange: (isOpen: boolean) => void;
+};
+declare function DropdownMenuRoot({ children, content, onOpenChange, alignContent }: DropdownMenuRootProps): JSX.Element;
+
+declare type DropdownMenuItemProps = DropdownMenuPrimitive.MenuItemProps & {
+    children: ReactNode;
+};
+declare function DropdownMenuItem({ children, className, ...delegated }: DropdownMenuItemProps): JSX.Element;
+
+declare type DropdownMenuLabelProps = {
+    children: ReactNode;
+};
+declare function DropdownMenuLabel({ children }: DropdownMenuLabelProps): JSX.Element;
+
+declare const DropdownMenu: {
+    Root: typeof DropdownMenuRoot;
+    Item: typeof DropdownMenuItem;
+    Label: typeof DropdownMenuLabel;
+};
+
+export { ActionMenu, Button, ButtonProps, Dialog, DropdownMenu, destroyAll, showConfirm, showDialog, showError, showInfo, showWarning };