@datawire-ai/busyfile-design-library 1.29.0 → 1.29.1

package/dist/types/index.d.ts

@@ -0,0 +1,525 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentProps } from 'react';
+import { DateRange } from 'react-day-picker';
+import { default as default_2 } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { TooltipContent as TooltipContent_2 } from '@radix-ui/react-tooltip';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Avatar(props: AvatarProps): JSX.Element;
+
+export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
+
+export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
+
+declare type AvatarProps = PictureAvatarProps | InitialsAvatarProps | PlaceholderAvatarProps;
+
+declare type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+
+declare type AvatarStatus = 'Neutral' | 'Online' | 'Busy' | 'Away' | 'Offline';
+
+export declare const Badge: React_2.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface BadgeProps extends React_2.ComponentProps<'span'>, BadgeVariants {
+    asChild?: boolean;
+}
+
+declare type BadgeVariants = VariantProps<typeof badgeVariants>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "neutral" | "warning" | "success" | "error" | "secondary" | null | undefined;
+    type?: "outline" | "filled" | null | undefined;
+    size?: "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare interface BaseAvatarProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
+    status?: AvatarStatus;
+    notification?: NotificationProps;
+    CTAIndicator?: boolean;
+    progress?: boolean;
+    className?: string;
+}
+
+export declare const BaseInput: ({ className, type, ...props }: React_2.ComponentProps<"input">) => JSX.Element;
+
+declare interface BaseProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    color?: string;
+}
+
+export declare function Breadcrumb({ ...props }: React_2.ComponentProps<'nav'>): JSX.Element;
+
+export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<'ol'>): JSX.Element;
+
+export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function Button({ className, variant, size, asChild, children, ...props }: ButtonProps): JSX.Element;
+
+declare interface ButtonProps extends ComponentProps<'button'>, ButtonVariantProps {
+    asChild?: boolean;
+}
+
+declare type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "primary" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Card({ className, variant, asChild, children, ...props }: CardProps): JSX.Element;
+
+declare interface CardProps extends HTMLAttributes<HTMLDivElement>, CardVariantProps {
+    asChild?: boolean;
+}
+
+declare type CardVariantProps = VariantProps<typeof cardVariants>;
+
+declare const cardVariants: (props?: ({
+    variant?: "widget-1" | "widget-2" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Checkbox: {
+    ({ className, ...props }: default_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+    displayName: string;
+};
+
+declare interface CircularProgressIndicatorProps extends BaseProgressIndicatorProps {
+    variant: 'circular';
+    size?: number;
+    thickness?: number;
+}
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare function DatePicker(props: DatePickerProps): JSX.Element;
+
+declare type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps;
+
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
+
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+
+export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+export declare function Divider({ className, orientation, decorative, size, ...props }: DividerProps): JSX.Element;
+
+export declare interface DividerProps extends React_2.ComponentProps<typeof SeparatorPrimitive.Root> {
+    size?: 1 | 2 | 3 | 4;
+}
+
+declare interface InitialsAvatarProps extends BaseAvatarProps {
+    type: 'initials';
+    initials: string;
+    src?: never;
+    size?: AvatarSize;
+}
+
+export declare const Input: ({ size, status, startSlot, endSlot, className, disabled, ...props }: InputProps) => JSX.Element;
+
+export declare const InputLabel: ({ children, className, ...props }: InputLabelProps) => JSX.Element | null;
+
+declare interface InputLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    children: React.ReactNode;
+}
+
+declare interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, InputVariantProps {
+    startSlot?: React.ReactNode;
+    endSlot?: React.ReactNode;
+    className?: string;
+}
+
+declare type InputVariantProps = VariantProps<typeof inputVariants>;
+
+declare const inputVariants: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+    status?: "default" | "disabled" | "error" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare interface InputWithLabelProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    startSlot?: React_2.ReactNode;
+    endSlot?: React_2.ReactNode;
+    status?: 'default' | 'error' | 'disabled';
+    size?: 'small' | 'medium';
+}
+
+declare interface LinearProgressIndicatorProps extends BaseProgressIndicatorProps {
+    variant: 'linear';
+}
+
+export declare const MultiSelect: ({ options, placeholder, disabled, error, helperText, value: controlledValue, onChange, }: MultiSelectProps) => JSX.Element;
+
+declare type MultiSelectProps = {
+    multiple: true;
+    options: Options;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    value?: string[];
+    onChange?: (value: string[]) => void;
+};
+
+export declare function Navigation({ className, children, ...props }: NavigationProps): JSX.Element;
+
+export declare function NavigationEnd({ children, className, }: {
+    children?: React.ReactNode;
+    className?: string;
+}): JSX.Element;
+
+declare interface NavigationProps extends PropsWithChildren, NavigationVariantProps, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    className?: string;
+}
+
+export declare function NavigationStart({ children, className, isCollapsed, onToggleCollapse, logo, logoAlt, }: NavigationStartProps): JSX.Element;
+
+declare interface NavigationStartProps extends PropsWithChildren {
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+    logo: string;
+    logoAlt: string;
+    className?: string;
+}
+
+declare type NavigationVariantProps = VariantProps<typeof navigationVariants>;
+
+declare const navigationVariants: (props?: ClassProp | undefined) => string;
+
+declare interface NotificationBodyProps extends PropsWithChildren {
+    className?: string;
+}
+
+declare function NotificationCard({ children, iconClassName, heading, description, timestamp, className, read, }: NotificationCardProps): JSX.Element;
+
+declare interface NotificationCardProps extends PropsWithChildren {
+    iconClassName?: string;
+    heading: string;
+    description: string;
+    timestamp: string;
+    className?: string;
+    read?: boolean;
+}
+
+export declare const NotificationContent: {
+    Root: typeof NotificationContentRoot;
+    Header: typeof NotificationHeader;
+    Body: typeof NotificationsBody;
+    Card: typeof NotificationCard;
+};
+
+export declare function NotificationContentRoot({ children }: PropsWithChildren): JSX.Element;
+
+declare function NotificationHeader({ children }: PropsWithChildren): JSX.Element;
+
+declare interface NotificationProps {
+    value: number;
+    priority: 'low' | 'mid' | 'high';
+}
+
+declare function NotificationsBody({ children, className }: NotificationBodyProps): JSX.Element;
+
+declare type Option_2 = {
+    kind: 'option';
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+
+declare type OptionGroup = {
+    kind: 'group';
+    label: string;
+    options: Option_2[];
+};
+
+declare type Options = Option_2[] | OptionGroup[];
+
+export declare function Page404({ className, title, description, backButtonText, href, }: Page404Props): JSX.Element;
+
+declare interface Page404Props {
+    className?: string;
+    title?: string;
+    description?: string;
+    backButtonText?: string;
+    href?: string;
+}
+
+export declare const PasswordInput: ({ showForgot, onValidityChange, customValidator, ...props }: PasswordInputProps) => JSX.Element;
+
+declare interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    showForgot?: boolean;
+    onValidityChange?: (isValid: boolean, requirements: Requirement[]) => void;
+    customValidator?: (value: string) => Requirement[];
+}
+
+declare interface PictureAvatarProps extends BaseAvatarProps {
+    type: 'picture';
+    src?: string;
+    size: AvatarSize;
+    initials?: never;
+}
+
+export declare const Placeholder: ({ variant, width, height, iconSize, className, ...props }: PlaceholderProps) => JSX.Element;
+
+declare interface PlaceholderAvatarProps extends BaseAvatarProps {
+    type: 'placeholder';
+    src?: never;
+    initials?: never;
+    size?: AvatarSize;
+}
+
+declare interface PlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: PlaceholderVariant;
+    width?: number | string;
+    height?: number | string;
+    iconSize?: number;
+}
+
+declare type PlaceholderVariant = 'image' | 'video' | 'pieChart' | 'icon';
+
+export declare const ProgressIndicator: React_2.ForwardRefExoticComponent<ProgressIndicatorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare type ProgressIndicatorProps = LinearProgressIndicatorProps | CircularProgressIndicatorProps;
+
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & {
+    children?: React_2.ReactNode;
+} & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface RangeDatePickerProps {
+    mode: 'range';
+    date: DateRange | undefined;
+    setDate: (date: DateRange | undefined) => void;
+}
+
+declare interface Requirement {
+    label: string;
+    isValid: boolean;
+}
+
+export declare const SearchInput: (props: InputWithLabelProps) => JSX.Element;
+
+export declare function SelectOption(props: SelectProps): JSX.Element;
+
+declare type SelectProps = SingleSelectProps | MultiSelectProps;
+
+export declare const Sidebar: ({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}) => JSX.Element;
+
+export declare const SidebarContent: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+declare type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+export declare const SidebarFooter: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+export declare const SidebarGroup: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+export declare const SidebarGroupAction: ({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+}) => JSX.Element;
+
+export declare const SidebarGroupContent: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+export declare const SidebarGroupLabel: ({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
+    asChild?: boolean;
+}) => JSX.Element;
+
+export declare const SidebarHeader: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+export declare const SidebarInset: ({ className, ...props }: React_2.ComponentProps<"main">) => JSX.Element;
+
+export declare const SidebarMenu: ({ className, ...props }: React_2.ComponentProps<"ul">) => JSX.Element;
+
+export declare const SidebarMenuAction: ({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}) => JSX.Element;
+
+export declare const SidebarMenuBadge: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
+
+export declare const SidebarMenuButton: ({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent_2>;
+} & VariantProps<typeof sidebarMenuButtonVariants>) => JSX.Element;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const SidebarMenuItem: ({ className, ...props }: React_2.ComponentProps<"li">) => JSX.Element;
+
+export declare const SidebarMenuSkeleton: ({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}) => JSX.Element;
+
+export declare const SidebarMenuSub: ({ className, ...props }: React_2.ComponentProps<"ul">) => JSX.Element;
+
+export declare const SidebarMenuSubButton: ({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}) => JSX.Element;
+
+export declare const SidebarMenuSubItem: ({ className, ...props }: React_2.ComponentProps<"li">) => JSX.Element;
+
+export declare const SidebarProvider: ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) => JSX.Element;
+
+export declare const SidebarRail: ({ className, ...props }: React_2.ComponentProps<"button">) => JSX.Element;
+
+export declare const SidebarSeparator: ({ className, ...props }: React_2.ComponentProps<typeof Divider>) => JSX.Element;
+
+export declare const SidebarTrigger: ({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>) => JSX.Element;
+
+declare interface SingleDatePickerProps {
+    mode: 'single';
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+}
+
+export declare const SingleSelect: ({ options, placeholder, disabled, error, helperText, value: controlledValue, onChange, }: SingleSelectProps) => JSX.Element;
+
+declare type SingleSelectProps = {
+    multiple?: false;
+    options: Options;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+};
+
+export declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
+
+export declare function Table({ className, ...props }: React_2.ComponentProps<'table'>): JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<'tbody'>): JSX.Element;
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<'caption'>): JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<'td'>): JSX.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<'tfoot'>): JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<'th'>): JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<'thead'>): JSX.Element;
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<'tr'>): JSX.Element;
+
+export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+
+export declare function TabsList({ className, variant, ...props }: TabsListProps): JSX.Element;
+
+declare interface TabsListProps extends React_2.ComponentProps<typeof TabsPrimitive.TabsList> {
+    variant?: TabsListVariants['variant'];
+}
+
+declare type TabsListVariants = VariantProps<typeof tabsListVariants>;
+
+declare const tabsListVariants: (props?: ({
+    variant?: "none" | "badge" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TabsTrigger({ className, variant, ...props }: TabsTriggerProps): JSX.Element;
+
+declare interface TabsTriggerProps extends React_2.ComponentProps<typeof TabsPrimitive.Trigger> {
+    variant?: TabsTriggerVariants['variant'];
+}
+
+declare type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>;
+
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "badge" | "underline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Timeline({ items, variant, className, }: TimelineProps): JSX.Element;
+
+declare interface TimelineItem {
+    id: string;
+    title?: string;
+    description?: string;
+    content?: ReactNode;
+    icon?: ReactNode;
+    notVisited?: boolean;
+}
+
+declare interface TimelineProps {
+    items: TimelineItem[];
+    variant?: 'filled' | 'outlined' | 'icon';
+    className?: string;
+}
+
+export declare function Toggle({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
+
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+
+export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
+
+export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+
+export declare function useSidebar(): SidebarContextProps;
+
+export { }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@datawire-ai/busyfile-design-library",
-  "version": "1.29.0",
+  "version": "1.29.1",
   "description": "Design system for busyfile",
   "private": false,
   "type": "module",
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/types/index.d.ts"
     },
     "./theme.css": "./dist/theme.css"
   },
@@ -94,6 +94,7 @@
     "typescript": "^5",
     "typescript-eslint": "^8.45.0",
     "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^3.1.3",
     "vitest": "^3.2.4"
   },