@q1travel/design-system 0.6.1 → 0.7.0

package/dist-pkg/design-system.d.ts

@@ -886,7 +886,7 @@ declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'
 
 declare type NativeInputProps_2 = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
 
-export declare function Navigation({ className, ...props }: NavigationProps): JSX.Element;
+export declare function Navigation({ className, orientation, ...props }: NavigationProps): JSX.Element;
 
 export declare function NavigationGroup({ label, icon, expanded, defaultExpanded, onExpandedChange, children, }: NavigationGroupProps): JSX.Element;
 
@@ -924,6 +924,7 @@ export declare type NavigationItemProps = NavigationItemAsLink | NavigationItemA
 
 export declare type NavigationProps = HTMLAttributes<HTMLElement> & {
     'aria-label': string;
+    orientation?: 'vertical' | 'horizontal';
 };
 
 export declare function NavigationSection({ label, action, children, className, ...props }: NavigationSectionProps): JSX.Element;
@@ -1078,6 +1079,44 @@ export declare function ScrollerWithButtons({ axis, contentName, label, children
     children: ReactNode;
 }): JSX.Element;
 
+export declare function SearchDialog({ open, onOpenChange, query, onQueryChange, sections, onSelect, renderTrigger, label, placeholder, emptyTitle, clearQueryLabel, }: SearchDialogProps): JSX.Element;
+
+export declare type SearchDialogItem = {
+    id: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+
+export declare type SearchDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    query: string;
+    onQueryChange: (query: string) => void;
+    sections: SearchDialogSection[];
+    onSelect: (item: SearchDialogItem) => void;
+    renderTrigger: (props: SearchDialogTriggerProps) => ReactNode;
+    label: string;
+    placeholder?: string;
+    emptyTitle?: string;
+    clearQueryLabel?: string;
+};
+
+export declare type SearchDialogSection = {
+    id: string;
+    heading?: string;
+    items: SearchDialogItem[];
+};
+
+export declare type SearchDialogTriggerProps = {
+    ref: (node: HTMLButtonElement | null) => void;
+    type: 'button';
+    onClick: () => void;
+    'aria-haspopup': 'dialog';
+    'aria-expanded': boolean;
+    'aria-controls': string;
+};
+
 export declare function SearchInput({ id, ariaLabel, placeholder, defaultValue, disabled, loading, kbdHint, icon, }: {
     id: string;
     ariaLabel: string;