vxui-react 1.2.6 → 1.2.8

package/dist/src/components/Dialog.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export type DialogPadding = 'none' | 'sm' | 'md' | 'lg';
+export type DialogPlacement = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-half' | 'right-half' | 'bottom-half' | 'left-half';
 export interface DialogProps extends Pick<DialogPrimitive.DialogProps, 'defaultOpen' | 'onOpenChange' | 'open'> {
     trigger: ReactNode;
     title: string;
@@ -13,9 +14,16 @@ export interface DialogProps extends Pick<DialogPrimitive.DialogProps, 'defaultO
     size?: DialogSize;
     /** Inner padding preset. Default: 'md' */
     padding?: DialogPadding;
-    /** Allow the body to scroll when content overflows. Default: false */
+    /** Dialog placement preset. Default: 'center' */
+    placement?: DialogPlacement;
+    /** Allow the body to scroll when content overflows. Default: true */
     scrollable?: boolean;
     /** Show the close (×) button. Default: true */
     closable?: boolean;
 }
-export declare function Dialog({ trigger, title, description, children, footer, className, size, padding, scrollable, closable, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog({ trigger, title, description, children, footer, className, size, padding, placement, scrollable, closable, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Wraps any child element so that clicking it closes the parent Dialog.
+ * Usage: <DialogClose asChild><Button>Cancel</Button></DialogClose>
+ */
+export declare const DialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Select.d.ts

@@ -1,7 +1,22 @@
-import { SelectHTMLAttributes } from 'react';
-export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
     label?: string;
     hint?: string;
-    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    emptyText?: string;
+    searchable?: boolean | number;
+    className?: string;
 }
-export declare function Select({ className, label, hint, placeholder, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, searchable, className, }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/lib/index.d.ts

@@ -9,7 +9,8 @@ export type { ShellProps, ShellSidebarProps, ShellNavProps, ShellNavSectionProps
 export { Badge } from '../components/Badge';
 export { Button } from '../components/Button';
 export { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';
-export { Dialog } from '../components/Dialog';
+export { Dialog, DialogClose } from '../components/Dialog';
+export type { DialogProps, DialogSize, DialogPadding, DialogPlacement } from '../components/Dialog';
 export { Input } from '../components/Input';
 export { Switch } from '../components/Switch';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/Tabs';
@@ -21,7 +22,7 @@ export type { TextProps } from '../components/Text';
 export { Heading } from '../components/Heading';
 export type { HeadingProps } from '../components/Heading';
 export { Select } from '../components/Select';
-export type { SelectProps } from '../components/Select';
+export type { SelectProps, SelectOption } from '../components/Select';
 export { Checkbox } from '../components/Checkbox';
 export type { CheckboxProps } from '../components/Checkbox';
 export { SegmentedControl } from '../components/SegmentedControl';
@@ -80,8 +81,6 @@ export { Calendar } from '../components/Calendar';
 export type { CalendarProps } from '../components/Calendar';
 export { DatePicker } from '../components/DatePicker';
 export type { DatePickerProps } from '../components/DatePicker';
-export { Combobox } from '../components/Combobox';
-export type { ComboboxProps, ComboboxOption } from '../components/Combobox';
 export { MultiSelect } from '../components/MultiSelect';
 export type { MultiSelectProps, MultiSelectOption } from '../components/MultiSelect';
 export { TimePicker } from '../components/TimePicker';