@loke/design-system
Version:
A design system with individually importable components
89 lines (88 loc) • 5.48 kB
TypeScript
import { Dialog } from "@loke/design-system/dialog";
import * as CommandPrimitive from "@loke/ui/command";
import { type ComponentProps, type ComponentPropsWithoutRef } from "react";
type CommandDialogProps = ComponentPropsWithoutRef<typeof Dialog> & {
className?: string;
description?: string;
showCloseButton?: boolean;
title?: string;
};
type CommandProps = ComponentPropsWithoutRef<typeof CommandPrimitive.Command>;
type CommandInputProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandInput>;
type CommandListProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandList>;
type CommandItemProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandItem>;
type CommandGroupProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandGroup>;
type CommandSeparatorProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandSeparator>;
type CommandEmptyProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandEmpty>;
type CommandLoadingProps = ComponentPropsWithoutRef<typeof CommandPrimitive.CommandLoading>;
declare const Command: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref"> & {
label?: string;
shouldFilter?: boolean;
filter?: (value: string, search: string, keywords?: string[]) => number;
defaultValue?: string;
value?: string;
onValueChange?: (value: string) => void;
loop?: boolean;
disablePointerSelection?: boolean;
vimBindings?: boolean;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
asChild?: boolean;
}, "ref">, "onChange" | "type" | "value"> & {
value?: string;
onValueChange?: (search: string) => void;
} & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
declare const CommandList: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref"> & {
label?: string;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandItem: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref">, "onSelect" | "value" | "disabled"> & {
disabled?: boolean;
onSelect?: (value: string) => void;
value?: string;
keywords?: string[];
forceMount?: boolean;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandGroup: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref">, "heading" | "value"> & {
heading?: import("react").ReactNode;
value?: string;
forceMount?: boolean;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref"> & {
alwaysRender?: boolean;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandEmpty: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandLoading: import("react").ForwardRefExoticComponent<Omit<{
children?: import("react").ReactNode;
} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
asChild?: boolean;
}, "ref"> & {
progress?: number;
label?: string;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const CommandShortcut: ({ className, ...props }: ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: CommandDialogProps): import("react/jsx-runtime").JSX.Element;
declare const createCommandScope: import("@loke/ui/context").CreateScope;
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandScope, };
export type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandLoadingProps, CommandProps, CommandSeparatorProps, };