@bubo-squared/ui-framework 0.2.14 → 0.2.16

package/dist/index.d.cts

@@ -2,7 +2,9 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React$1 from 'react';
 import { FC } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RPNInput from 'react-phone-number-input';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -31,6 +33,8 @@ declare const iconButtonVariants: (props?: ({
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
     asChild?: boolean;
     icon: React$1.ReactNode;
+    /** If true, renders a circular IconButton. */
+    round?: boolean;
 }
 declare const IconButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -71,6 +75,14 @@ type MessageButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>,
 };
 declare const MessageButton: React$1.FC<MessageButtonProps>;
 
+declare const Accordion: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "children" | "type" | "title" | "collapsible"> & {
+    title: React$1.ReactNode;
+    expandIcon?: React$1.ReactNode;
+    defaultOpen?: boolean;
+    children: React$1.ReactNode;
+    bordered?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 type AvatarVariant = "initial" | "icon" | "image";
 declare const avatarVariants: (props?: ({
     size?: "20" | "24" | "32" | "40" | "48" | "56" | "64" | null | undefined;
@@ -265,6 +277,53 @@ interface TagProps extends VariantProps<typeof tagVariants> {
 }
 declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type DropdownSize = "sm" | "md" | "lg" | "xl";
+
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, size, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    size?: DropdownSize;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, size, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, size, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, size, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent> & {
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+
+interface MenuProps {
+    trigger: React$1.ReactElement;
+    children: React$1.ReactNode;
+    size?: DropdownSize;
+    align?: DropdownMenuPrimitive.DropdownMenuContentProps["align"];
+    side?: DropdownMenuPrimitive.DropdownMenuContentProps["side"];
+    offset?: number;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+declare const Menu: React$1.FC<MenuProps>;
+declare const MenuGroup: typeof DropdownMenuGroup;
+declare const MenuItem: typeof DropdownMenuItem;
+declare const MenuLabel: typeof DropdownMenuLabel;
+declare const MenuPortal: typeof DropdownMenuPortal;
+declare const MenuSeparator: typeof DropdownMenuSeparator;
+declare const MenuShortcut: typeof DropdownMenuShortcut;
+declare const MenuSub: typeof DropdownMenuSub;
+declare const MenuSubContent: typeof DropdownMenuSubContent;
+declare const MenuSubTrigger: typeof DropdownMenuSubTrigger;
+
 interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     /** Only needed when the component is a part of a native form. */
     name?: string;
@@ -272,6 +331,59 @@ interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox
 }
 declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+type TextInputSize = "sm" | "md" | "lg" | "xl";
+type TextInputStatus = "default" | "success" | "error";
+interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
+    label?: string;
+    hint?: string;
+    /**
+     * If true, the hint will not be rendered even if provided.
+     */
+    hideHint?: boolean;
+    /**
+     * Only needed when the component is a part of a native form.
+     * Provide this to include the value in native form submission / FormData.
+     */
+    name?: string;
+    placeholder?: string;
+    status?: TextInputStatus;
+    size?: TextInputSize;
+    disabled?: boolean;
+    leadingIcon?: React$1.ReactNode | null;
+    trailingIcon?: React$1.ReactNode | null;
+}
+declare const TextInput: React$1.FC<TextInputProps>;
+
+interface AutocompleteProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "value" | "defaultValue" | "onChange"> {
+    label?: string;
+    hint?: string;
+    /** If true, the hint will not be rendered even if provided. */
+    hideHint?: boolean;
+    status?: TextInputStatus;
+    size?: TextInputSize;
+    disabled?: boolean;
+    leadingIcon?: React$1.ReactNode | null;
+    trailingIcon?: React$1.ReactNode | null;
+    /** Options to render (assumed already server-filtered). */
+    options: string[];
+    loading?: boolean;
+    loadingText?: React$1.ReactNode;
+    noOptionsText?: React$1.ReactNode;
+    /** Committed value (e.g. selected option). */
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Current input text (used as query). */
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    /** Optional className for the dropdown (options container). */
+    dropdownClassName?: string;
+    /** Optional className for the listbox (<ul>). */
+    listboxClassName?: string;
+}
+declare const Autocomplete: React$1.FC<AutocompleteProps>;
+
 type SelectStatus = "default" | "success" | "error";
 interface SelectOption {
     label: string;
@@ -345,29 +457,6 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
 }
 declare const PasswordInput: React$1.FC<PasswordInputProps>;
 
-type TextInputSize = "sm" | "md" | "lg" | "xl";
-type TextInputStatus = "default" | "success" | "error";
-interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
-    label?: string;
-    hint?: string;
-    /**
-     * If true, the hint will not be rendered even if provided.
-     */
-    hideHint?: boolean;
-    /**
-     * Only needed when the component is a part of a native form.
-     * Provide this to include the value in native form submission / FormData.
-     */
-    name?: string;
-    placeholder?: string;
-    status?: TextInputStatus;
-    size?: TextInputSize;
-    disabled?: boolean;
-    leadingIcon?: React$1.ReactNode | null;
-    trailingIcon?: React$1.ReactNode | null;
-}
-declare const TextInput: React$1.FC<TextInputProps>;
-
 type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
     onChange?: (value: RPNInput.Value) => void;
 } & {
@@ -624,4 +713,4 @@ declare const Logo: FC<LogoProps>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
+export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };

package/dist/index.d.ts

@@ -2,7 +2,9 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React$1 from 'react';
 import { FC } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RPNInput from 'react-phone-number-input';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -31,6 +33,8 @@ declare const iconButtonVariants: (props?: ({
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
     asChild?: boolean;
     icon: React$1.ReactNode;
+    /** If true, renders a circular IconButton. */
+    round?: boolean;
 }
 declare const IconButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -71,6 +75,14 @@ type MessageButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>,
 };
 declare const MessageButton: React$1.FC<MessageButtonProps>;
 
+declare const Accordion: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "children" | "type" | "title" | "collapsible"> & {
+    title: React$1.ReactNode;
+    expandIcon?: React$1.ReactNode;
+    defaultOpen?: boolean;
+    children: React$1.ReactNode;
+    bordered?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 type AvatarVariant = "initial" | "icon" | "image";
 declare const avatarVariants: (props?: ({
     size?: "20" | "24" | "32" | "40" | "48" | "56" | "64" | null | undefined;
@@ -265,6 +277,53 @@ interface TagProps extends VariantProps<typeof tagVariants> {
 }
 declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type DropdownSize = "sm" | "md" | "lg" | "xl";
+
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, size, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    size?: DropdownSize;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, size, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, size, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, size, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent> & {
+    size?: DropdownSize;
+}): react_jsx_runtime.JSX.Element;
+
+interface MenuProps {
+    trigger: React$1.ReactElement;
+    children: React$1.ReactNode;
+    size?: DropdownSize;
+    align?: DropdownMenuPrimitive.DropdownMenuContentProps["align"];
+    side?: DropdownMenuPrimitive.DropdownMenuContentProps["side"];
+    offset?: number;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+declare const Menu: React$1.FC<MenuProps>;
+declare const MenuGroup: typeof DropdownMenuGroup;
+declare const MenuItem: typeof DropdownMenuItem;
+declare const MenuLabel: typeof DropdownMenuLabel;
+declare const MenuPortal: typeof DropdownMenuPortal;
+declare const MenuSeparator: typeof DropdownMenuSeparator;
+declare const MenuShortcut: typeof DropdownMenuShortcut;
+declare const MenuSub: typeof DropdownMenuSub;
+declare const MenuSubContent: typeof DropdownMenuSubContent;
+declare const MenuSubTrigger: typeof DropdownMenuSubTrigger;
+
 interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     /** Only needed when the component is a part of a native form. */
     name?: string;
@@ -272,6 +331,59 @@ interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox
 }
 declare function Checkbox({ label, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+type TextInputSize = "sm" | "md" | "lg" | "xl";
+type TextInputStatus = "default" | "success" | "error";
+interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
+    label?: string;
+    hint?: string;
+    /**
+     * If true, the hint will not be rendered even if provided.
+     */
+    hideHint?: boolean;
+    /**
+     * Only needed when the component is a part of a native form.
+     * Provide this to include the value in native form submission / FormData.
+     */
+    name?: string;
+    placeholder?: string;
+    status?: TextInputStatus;
+    size?: TextInputSize;
+    disabled?: boolean;
+    leadingIcon?: React$1.ReactNode | null;
+    trailingIcon?: React$1.ReactNode | null;
+}
+declare const TextInput: React$1.FC<TextInputProps>;
+
+interface AutocompleteProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled" | "value" | "defaultValue" | "onChange"> {
+    label?: string;
+    hint?: string;
+    /** If true, the hint will not be rendered even if provided. */
+    hideHint?: boolean;
+    status?: TextInputStatus;
+    size?: TextInputSize;
+    disabled?: boolean;
+    leadingIcon?: React$1.ReactNode | null;
+    trailingIcon?: React$1.ReactNode | null;
+    /** Options to render (assumed already server-filtered). */
+    options: string[];
+    loading?: boolean;
+    loadingText?: React$1.ReactNode;
+    noOptionsText?: React$1.ReactNode;
+    /** Committed value (e.g. selected option). */
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Current input text (used as query). */
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    /** Optional className for the dropdown (options container). */
+    dropdownClassName?: string;
+    /** Optional className for the listbox (<ul>). */
+    listboxClassName?: string;
+}
+declare const Autocomplete: React$1.FC<AutocompleteProps>;
+
 type SelectStatus = "default" | "success" | "error";
 interface SelectOption {
     label: string;
@@ -345,29 +457,6 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
 }
 declare const PasswordInput: React$1.FC<PasswordInputProps>;
 
-type TextInputSize = "sm" | "md" | "lg" | "xl";
-type TextInputStatus = "default" | "success" | "error";
-interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
-    label?: string;
-    hint?: string;
-    /**
-     * If true, the hint will not be rendered even if provided.
-     */
-    hideHint?: boolean;
-    /**
-     * Only needed when the component is a part of a native form.
-     * Provide this to include the value in native form submission / FormData.
-     */
-    name?: string;
-    placeholder?: string;
-    status?: TextInputStatus;
-    size?: TextInputSize;
-    disabled?: boolean;
-    leadingIcon?: React$1.ReactNode | null;
-    trailingIcon?: React$1.ReactNode | null;
-}
-declare const TextInput: React$1.FC<TextInputProps>;
-
 type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value" | "ref" | "size"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
     onChange?: (value: RPNInput.Value) => void;
 } & {
@@ -624,4 +713,4 @@ declare const Logo: FC<LogoProps>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
+export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };