@kwiz/fluentui 1.0.125 → 1.0.127
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
| 
         @@ -1,19 +1,185 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            import {  
     | 
| 
      
 1 
     | 
    
         
            +
            import { DrawerBodyProps, DrawerHeaderProps, DrawerHeaderTitleProps } from "@fluentui/react-components";
         
     | 
| 
       2 
2 
     | 
    
         
             
            import React from "react";
         
     | 
| 
       3 
     | 
    
         
            -
             
     | 
| 
      
 3 
     | 
    
         
            +
            interface iProps {
         
     | 
| 
       4 
4 
     | 
    
         
             
                headerProps?: DrawerHeaderProps;
         
     | 
| 
       5 
5 
     | 
    
         
             
                headerTitleProps?: DrawerHeaderTitleProps;
         
     | 
| 
       6 
6 
     | 
    
         
             
                bodyProps?: DrawerBodyProps;
         
     | 
| 
       7 
7 
     | 
    
         
             
                title?: string | JSX.Element;
         
     | 
| 
       8 
8 
     | 
    
         
             
                titleActions?: JSX.Element;
         
     | 
| 
       9 
     | 
    
         
            -
            } 
     | 
| 
       10 
     | 
    
         
            -
             
     | 
| 
      
 9 
     | 
    
         
            +
            }
         
     | 
| 
      
 10 
     | 
    
         
            +
            export declare const DrawerEX: (props: iProps & Omit<(Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
      
 11 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 12 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 13 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 14 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 15 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 16 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 17 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 18 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 19 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 20 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 21 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 22 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 23 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 24 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 25 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 26 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 27 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 28 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 29 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 30 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 31 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 32 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 33 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 34 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 35 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
      
 36 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
      
 37 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 38 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 39 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 40 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 41 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 42 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 43 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 44 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 45 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 46 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
         
     | 
| 
      
 47 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 48 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 49 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 50 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 51 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 52 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 53 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 54 
     | 
    
         
            +
            }, "ref"> & {
         
     | 
| 
      
 55 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 56 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 57 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 58 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 59 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
      
 60 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
      
 61 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 62 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 63 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 64 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 65 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 66 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 67 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 68 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 69 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 70 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 71 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 72 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 73 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 74 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 75 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 76 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 77 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 78 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 79 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 80 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 81 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 82 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 83 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 84 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 85 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
      
 86 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
      
 87 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 88 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 89 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 90 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 91 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 92 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 93 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 94 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 95 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 96 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & Omit<{
         
     | 
| 
      
 97 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 98 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 99 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 100 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 101 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 102 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 103 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 104 
     | 
    
         
            +
            }, "ref"> & {
         
     | 
| 
      
 105 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 106 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
       11 
107 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
      
 108 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 109 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
      
 110 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 111 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 112 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 113 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 114 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 115 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 116 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 117 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 118 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 119 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 120 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
      
 121 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 122 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 123 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 124 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 125 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 126 
     | 
    
         
            +
            } & {
         
     | 
| 
       12 
127 
     | 
    
         
             
                defaultOpen?: boolean;
         
     | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
       14 
     | 
    
         
            -
                 
     | 
| 
       15 
     | 
    
         
            -
             
     | 
| 
       16 
     | 
    
         
            -
             
     | 
| 
      
 128 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 129 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 130 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 131 
     | 
    
         
            +
                as?: "div";
         
     | 
| 
      
 132 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 133 
     | 
    
         
            +
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 134 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 135 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
      
 136 
     | 
    
         
            +
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
      
 137 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 138 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
      
 139 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 140 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 141 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 142 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 143 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 144 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 145 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
      
 146 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 147 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 148 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 149 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 150 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 151 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 152 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 153 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 154 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 155 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 156 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
      
 157 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 158 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 159 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 160 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 161 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 162 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 163 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
      
 164 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 165 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 166 
     | 
    
         
            +
            }, "root"> & Omit<{
         
     | 
| 
      
 167 
     | 
    
         
            +
                as: "aside";
         
     | 
| 
      
 168 
     | 
    
         
            +
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 169 
     | 
    
         
            +
                ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 170 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 171 
     | 
    
         
            +
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
      
 172 
     | 
    
         
            +
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
      
 173 
     | 
    
         
            +
                }>;
         
     | 
| 
      
 174 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
      
 175 
     | 
    
         
            +
                type?: "inline" | "overlay";
         
     | 
| 
      
 176 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 177 
     | 
    
         
            +
                position?: "start" | "end" | "bottom";
         
     | 
| 
      
 178 
     | 
    
         
            +
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
      
 179 
     | 
    
         
            +
                open?: boolean;
         
     | 
| 
      
 180 
     | 
    
         
            +
            } & {
         
     | 
| 
      
 181 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
      
 182 
     | 
    
         
            +
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
       17 
183 
     | 
    
         
             
                as?: "div";
         
     | 
| 
       18 
184 
     | 
    
         
             
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
       19 
185 
     | 
    
         
             
                ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
         @@ -33,12 +199,14 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       33 
199 
     | 
    
         
             
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
       34 
200 
     | 
    
         
             
                    ref?: React.Ref<HTMLDivElement>;
         
     | 
| 
       35 
201 
     | 
    
         
             
                }>;
         
     | 
| 
       36 
     | 
    
         
            -
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 202 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
       37 
203 
     | 
    
         
             
                position?: "start" | "end" | "bottom";
         
     | 
| 
       38 
204 
     | 
    
         
             
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
       39 
205 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       40 
206 
     | 
    
         
             
            } & {
         
     | 
| 
       41 
207 
     | 
    
         
             
                defaultOpen?: boolean;
         
     | 
| 
      
 208 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 209 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
       42 
210 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
       43 
211 
     | 
    
         
             
                as?: "div";
         
     | 
| 
       44 
212 
     | 
    
         
             
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         
     | 
| 
         @@ -63,6 +231,10 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       63 
231 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       64 
232 
     | 
    
         
             
            } & {
         
     | 
| 
       65 
233 
     | 
    
         
             
                separator?: boolean;
         
     | 
| 
      
 234 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 235 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 236 
     | 
    
         
            +
            }, "root"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 237 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
       66 
238 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
       67 
239 
     | 
    
         
             
                as: "aside";
         
     | 
| 
       68 
240 
     | 
    
         
             
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
         @@ -83,12 +255,14 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       83 
255 
     | 
    
         
             
                children?: React.ReactNode | import("@fluentui/react-utilities").SlotRenderFunction<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
       84 
256 
     | 
    
         
             
                    ref?: React.Ref<HTMLElement>;
         
     | 
| 
       85 
257 
     | 
    
         
             
                }>;
         
     | 
| 
       86 
     | 
    
         
            -
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 258 
     | 
    
         
            +
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
       87 
259 
     | 
    
         
             
                position?: "start" | "end" | "bottom";
         
     | 
| 
       88 
260 
     | 
    
         
             
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
       89 
261 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       90 
262 
     | 
    
         
             
            } & {
         
     | 
| 
       91 
263 
     | 
    
         
             
                defaultOpen?: boolean;
         
     | 
| 
      
 264 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 265 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
       92 
266 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & {
         
     | 
| 
       93 
267 
     | 
    
         
             
                as: "aside";
         
     | 
| 
       94 
268 
     | 
    
         
             
            } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         
     | 
| 
         @@ -113,6 +287,10 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       113 
287 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       114 
288 
     | 
    
         
             
            } & {
         
     | 
| 
       115 
289 
     | 
    
         
             
                separator?: boolean;
         
     | 
| 
      
 290 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
      
 291 
     | 
    
         
            +
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
      
 292 
     | 
    
         
            +
            }, "root"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 293 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
       116 
294 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
       117 
295 
     | 
    
         
             
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
       118 
296 
     | 
    
         
             
            }, "root"> & Omit<{
         
     | 
| 
         @@ -125,12 +303,14 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       125 
303 
     | 
    
         
             
                }>;
         
     | 
| 
       126 
304 
     | 
    
         
             
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
       127 
305 
     | 
    
         
             
                type?: "inline" | "overlay";
         
     | 
| 
       128 
     | 
    
         
            -
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 306 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
       129 
307 
     | 
    
         
             
                position?: "start" | "end" | "bottom";
         
     | 
| 
       130 
308 
     | 
    
         
             
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
       131 
309 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       132 
310 
     | 
    
         
             
            } & {
         
     | 
| 
       133 
311 
     | 
    
         
             
                defaultOpen?: boolean;
         
     | 
| 
      
 312 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 313 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
       134 
314 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
       135 
315 
     | 
    
         
             
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
       136 
316 
     | 
    
         
             
            }, "root"> & Omit<{
         
     | 
| 
         @@ -149,6 +329,8 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       149 
329 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       150 
330 
     | 
    
         
             
            } & {
         
     | 
| 
       151 
331 
     | 
    
         
             
                separator?: boolean;
         
     | 
| 
      
 332 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 333 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
       152 
334 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
       153 
335 
     | 
    
         
             
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
       154 
336 
     | 
    
         
             
            }, "root"> & Omit<{
         
     | 
| 
         @@ -161,12 +343,14 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       161 
343 
     | 
    
         
             
                }>;
         
     | 
| 
       162 
344 
     | 
    
         
             
            }, "ref"> & Pick<import("@fluentui/react-dialog").DialogSurfaceProps, "mountNode"> & {
         
     | 
| 
       163 
345 
     | 
    
         
             
                type?: "inline" | "overlay";
         
     | 
| 
       164 
     | 
    
         
            -
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 346 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
       165 
347 
     | 
    
         
             
                position?: "start" | "end" | "bottom";
         
     | 
| 
       166 
348 
     | 
    
         
             
                size?: "small" | "medium" | "large" | "full";
         
     | 
| 
       167 
349 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       168 
350 
     | 
    
         
             
            } & {
         
     | 
| 
       169 
351 
     | 
    
         
             
                defaultOpen?: boolean;
         
     | 
| 
      
 352 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").InlineDrawerSlots, "root"> & {
         
     | 
| 
      
 353 
     | 
    
         
            +
                separator?: boolean;
         
     | 
| 
       170 
354 
     | 
    
         
             
            }) | (Omit<import("@fluentui/react-drawer").DrawerSlots, "root"> & Omit<Partial<Pick<import("@fluentui/react-dialog").DialogSurfaceSlots, "backdrop" | "backdropMotion">> & {
         
     | 
| 
       171 
355 
     | 
    
         
             
                root: import("@fluentui/react-utilities").Slot<"div", "aside">;
         
     | 
| 
       172 
356 
     | 
    
         
             
            }, "root"> & Omit<{
         
     | 
| 
         @@ -185,6 +369,9 @@ export declare const DrawerEX: (props: { 
     | 
|
| 
       185 
369 
     | 
    
         
             
                open?: boolean;
         
     | 
| 
       186 
370 
     | 
    
         
             
            } & {
         
     | 
| 
       187 
371 
     | 
    
         
             
                separator?: boolean;
         
     | 
| 
      
 372 
     | 
    
         
            +
            } & Omit<import("@fluentui/react-drawer").OverlayDrawerSlots, "root"> & Pick<import("@fluentui/react-dialog").DialogProps, "modalType" | "onOpenChange" | "inertTrapFocus"> & {
         
     | 
| 
      
 373 
     | 
    
         
            +
                defaultOpen?: boolean;
         
     | 
| 
       188 
374 
     | 
    
         
             
            }), "title"> & {
         
     | 
| 
       189 
375 
     | 
    
         
             
                children?: React.ReactNode | undefined;
         
     | 
| 
       190 
376 
     | 
    
         
             
            } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
         
     | 
| 
      
 377 
     | 
    
         
            +
            export {};
         
     | 
| 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO, 
     | 
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,YAAY,EAAqB,iBAAiB,EAA0D,UAAU,EAAE,YAAY,EAAsB,MAAM,4BAA4B,CAAC;AAC3O,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,MAAM,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACL,oCAAoC;QACpC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,CAAC;KACd;CACJ,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAoD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACvG,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,SAAS,mCACR,KAAK,KACR,KAAK,EAAE,EAAE,EACT,EAAE,EAAE,KAAK,CAAC,EAAE,GACf,CAAC;IAEF,OAAO,MAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAClC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aACxD,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,kBAAC,OAAO,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,IAAM,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YAC3I,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,oBAAK,KAAK,CAAC,SAAS,cAC1B,KAAK,CAAC,QAAQ,IACN,KACR,CAAC;AACd,CAAC,CAAC,CAAC"}
         
     |