@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/Drawer/DrawerTrigger.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactElement } from "react";
+export type CloseableDrawerElement = (close: () => void) => ReactElement;
+export type DrawerTriggerProps = {
+    /**
+     * Content of modal trigger. Must be exactly two elements.
+     */
+    children: [ReactElement, CloseableDrawerElement | ReactElement];
+    /**
+     * Whether the modal is open by default (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether or not the modal can be dismissed.
+     */
+    isDismissable?: boolean;
+    /**
+     * Whether the modal is open by default (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * Handler that is called when the overlay's open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+};
+export declare function DrawerTrigger(props: DrawerTriggerProps): React.JSX.Element;
+//# sourceMappingURL=DrawerTrigger.d.ts.map

package/Drawer/DrawerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAM7E,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,YAAY,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,sBAAsB,GAAG,YAAY,CAAC,CAAC;IAEhE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAuCtD"}

package/Drawer/DrawerUnderlay.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { OverlayTriggerState } from "react-stately";
+type DrawerUnderlayProps = {
+    /**
+     * Modal wrap content.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal is dismissable.
+     */
+    isDismissable?: boolean;
+    /**
+     * Handler that is called when the overlay's animation exits.
+     */
+    setAnimationExited: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Modal state.
+     */
+    state: OverlayTriggerState;
+};
+export declare function DrawerUnderlay(props: DrawerUnderlayProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerUnderlay.d.ts.map

package/Drawer/DrawerUnderlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerUnderlay.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerUnderlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAKpD,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAElE;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA+DxD"}

package/Drawer/context.d.ts

@@ -0,0 +1,21 @@
+import { FocusableElement } from "@react-types/shared";
+import { DOMAttributes, RefObject } from "react";
+import { OverlayTriggerState } from "react-stately";
+export type DrawerContextType = {
+    dialogProps: DOMAttributes<FocusableElement>;
+    titleProps: DOMAttributes<FocusableElement>;
+    isHeaderStuck: boolean;
+    bodyRef: RefObject<HTMLDivElement | null>;
+    headerInterceptorRef: RefObject<HTMLDivElement | null>;
+};
+type DrawerTriggerContextType = {
+    isDismissable: boolean;
+    state: OverlayTriggerState;
+};
+export declare const DrawerContext: import("react").Context<DrawerContextType | null>;
+export declare const useDrawerContext: () => DrawerContextType;
+export declare const DrawerTriggerContext: import("react").Context<DrawerTriggerContextType | null>;
+export declare const useDrawerTriggerContext: () => DrawerTriggerContextType;
+export declare const useDrawerTrigger: () => OverlayTriggerState;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/Drawer/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Drawer/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,oBAAoB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,mDAAgD,CAAC;AAE3E,eAAO,MAAM,gBAAgB,yBAM5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,0DACqB,CAAC;AAEvD,eAAO,MAAM,uBAAuB,gCAMnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,2BAG5B,CAAC"}

package/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Drawer";
+//# sourceMappingURL=index.d.ts.map

package/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/Drawer/index.js

@@ -0,0 +1,403 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const utilities_useScrollbar = require("../utilities/useScrollbar.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const useModalOverlay = require("../__chunks__/useModalOverlay-C4Gci3MA.js");
+const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
+const CSSTransition = require("../__chunks__/CSSTransition-C23znX_H.js");
+const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DP9RbCAF.js");
+const useDialog = require("../__chunks__/useDialog-uxNR0maK.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const underlayBg = "_underlayBg_pn8iw_4";
+const underlayBgEnter = "_underlayBgEnter_pn8iw_32";
+const underlayBgEnterDone = "_underlayBgEnterDone_pn8iw_36";
+const underlayBgExit = "_underlayBgExit_pn8iw_41";
+const underlayBox = "_underlayBox_pn8iw_46";
+const underlayBoxAppear = "_underlayBoxAppear_pn8iw_57";
+const underlayBoxExit = "_underlayBoxExit_pn8iw_65";
+const Drawer$1 = "_Drawer_pn8iw_69";
+const header = "_header_pn8iw_86";
+const stuck = "_stuck_pn8iw_89";
+const banner = "_banner_pn8iw_93";
+const body = "_body_pn8iw_99";
+const closeButton = "_closeButton_pn8iw_116";
+const banneredContentArea = "_banneredContentArea_pn8iw_131";
+const standaloneContentArea = "_standaloneContentArea_pn8iw_135";
+const styles = {
+  underlayBg,
+  underlayBgEnter,
+  underlayBgEnterDone,
+  underlayBgExit,
+  underlayBox,
+  underlayBoxAppear,
+  underlayBoxExit,
+  Drawer: Drawer$1,
+  header,
+  stuck,
+  banner,
+  body,
+  closeButton,
+  banneredContentArea,
+  standaloneContentArea
+};
+function DrawerBanner(props) {
+  const className = utilities_css.classNames(styles.banner);
+  return jsxRuntime.jsx("div", {
+    className,
+    children: props.children
+  });
+}
+const DrawerContext = React.createContext(null);
+const useDrawerContext = () => {
+  const drawerContext = React.useContext(DrawerContext);
+  if (!drawerContext) {
+    throw new Error("useDrawer must be used within a Drawer");
+  }
+  return drawerContext;
+};
+const DrawerTriggerContext = React.createContext(null);
+const useDrawerTriggerContext = () => {
+  const drawerTriggerContext = React.useContext(DrawerTriggerContext);
+  if (!drawerTriggerContext) {
+    throw new Error("useDrawerTrigger must be used within a DrawerTrigger");
+  }
+  return drawerTriggerContext;
+};
+const useDrawerTrigger = () => {
+  const drawerTriggerContext = useDrawerTriggerContext();
+  return drawerTriggerContext.state;
+};
+function DrawerBody(props) {
+  const { children } = props;
+  const drawerContext = useDrawerContext();
+  utilities_useScrollbar.useScrollbar(drawerContext.bodyRef, "ezui-os-theme-drawer");
+  return jsxRuntime.jsxs("div", {
+    className: styles.body,
+    ref: drawerContext.bodyRef,
+    children: [jsxRuntime.jsx("div", {
+      "data-intercept": "header",
+      ref: drawerContext.headerInterceptorRef
+    }), children]
+  });
+}
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Cancel = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M331.54-299.54 480-448l148.46 148.46 32-32L512-480l148.46-148.46-32-32L480-512 331.54-660.46l-32 32L448-480 299.54-331.54l32 32ZM480.07-100q-78.22 0-147.4-29.92t-120.99-81.71q-51.81-51.79-81.75-120.94Q100-401.71 100-479.93q0-78.84 29.92-148.21t81.71-120.68q51.79-51.31 120.94-81.25Q401.71-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.22-29.92 147.4t-81.21 120.99q-51.29 51.81-120.63 81.75Q558.9-100 480.07-100Zm-.07-45.39q139.69 0 237.15-97.76 97.46-97.77 97.46-236.85 0-139.69-97.46-237.15-97.46-97.46-237.15-97.46-139.08 0-236.85 97.46-97.76 97.46-97.76 237.15 0 139.08 97.76 236.85 97.77 97.76 236.85 97.76ZM480-480Z"
+  }));
+};
+function DrawerCloseButton() {
+  const drawerTriggerContext = useDrawerTriggerContext();
+  const handleClick = React.useCallback(() => {
+    drawerTriggerContext.state.close();
+  }, [drawerTriggerContext.state]);
+  if (!drawerTriggerContext.isDismissable) {
+    return null;
+  }
+  return jsxRuntime.jsxs("button", {
+    className: styles.closeButton,
+    onClick: handleClick,
+    children: [jsxRuntime.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: "Close drawer"
+    }), jsxRuntime.jsx(Icon.Icon, {
+      symbol: Cancel,
+      size: "md"
+    })]
+  });
+}
+function DrawerUnderlay(props) {
+  const _a = props, { state, children, setAnimationExited } = _a, overlayProps = __objRest(_a, ["state", "children", "setAnimationExited"]);
+  const { isDismissable = true } = overlayProps;
+  const ref = React.useRef(null);
+  const underlayBgRef = React.useRef(null);
+  const { modalProps, underlayProps } = useModalOverlay.$8ac8429251c45e4b$export$dbc0f175b25fb0fb(__spreadProps(__spreadValues({}, overlayProps), {
+    isDismissable,
+    isKeyboardDismissDisabled: !isDismissable
+  }), state, ref);
+  const createAnimationEndListener = (ref2) => (done) => {
+    if (ref2.current) {
+      ref2.current.addEventListener("transitionend", done, false);
+    }
+  };
+  return jsxRuntime.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: jsxRuntime.jsx(CSSTransition.CSSTransition, {
+      in: state.isOpen,
+      appear: true,
+      onEntered: () => setAnimationExited(false),
+      onExited: () => setAnimationExited(true),
+      nodeRef: underlayBgRef,
+      addEndListener: createAnimationEndListener(underlayBgRef),
+      classNames: {
+        enter: styles.underlayBgEnter,
+        enterDone: styles.underlayBgEnterDone,
+        exit: styles.underlayBgExit
+      },
+      children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({
+        ref: underlayBgRef,
+        className: styles.underlayBg
+      }, underlayProps), {
+        children: jsxRuntime.jsx(CSSTransition.CSSTransition, {
+          in: state.isOpen,
+          appear: true,
+          nodeRef: ref,
+          addEndListener: createAnimationEndListener(ref),
+          classNames: {
+            appear: styles.underlayBoxAppear,
+            appearDone: styles.underlayBoxDone,
+            exit: styles.underlayBoxExit
+          },
+          children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, modalProps), {
+            ref,
+            className: styles.underlayBox,
+            children
+          }))
+        })
+      }))
+    })
+  });
+}
+function DrawerContainer(props) {
+  const { children, isDismissable = true, onDismiss = () => {
+  } } = props;
+  const existingDrawerTriggerContext = React.useContext(DrawerTriggerContext);
+  if (existingDrawerTriggerContext) {
+    throw new Error("Drawer.Container must be used outside of a Drawer.Trigger");
+  }
+  const childArray = React.Children.toArray(children);
+  if (childArray.length > 1) {
+    throw new Error("Only a single child can be passed to ModalContainer.");
+  }
+  const [lastChild, setLastChild] = React.useState(null);
+  let child = null;
+  if (Array.isArray(children)) {
+    child = children.find(React.isValidElement);
+  } else if (React.isValidElement(children)) {
+    child = children;
+  }
+  if (child && child !== lastChild) {
+    setLastChild(child);
+  }
+  const state = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6({
+    isOpen: Boolean(child),
+    onOpenChange: (isOpen) => {
+      if (!isOpen) {
+        onDismiss();
+      }
+    }
+  });
+  const { overlayProps } = useOverlayTrigger.$628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state);
+  const [animationExited, setAnimationExited] = React.useState(!state.isOpen);
+  const context = React.useMemo(() => {
+    return {
+      state,
+      isDismissable
+    };
+  }, [state, isDismissable]);
+  return jsxRuntime.jsx(DrawerTriggerContext.Provider, {
+    value: context,
+    children: (state.isOpen || !animationExited) && jsxRuntime.jsx(DrawerUnderlay, {
+      setAnimationExited,
+      state,
+      isDismissable,
+      children: lastChild ? React.cloneElement(lastChild, overlayProps) : null
+    })
+  });
+}
+function DrawerBanneredContentArea(props) {
+  const { children } = props;
+  return jsxRuntime.jsx("div", {
+    className: styles.banneredContentArea,
+    children
+  });
+}
+function DrawerStandaloneContentArea(props) {
+  const { children } = props;
+  return jsxRuntime.jsx("div", {
+    className: styles.standaloneContentArea,
+    children
+  });
+}
+function DrawerHeader(props) {
+  const { children } = props;
+  const drawerContext = useDrawerContext();
+  const className = utilities_css.classNames(styles.header, drawerContext.isHeaderStuck && styles.stuck);
+  return jsxRuntime.jsx("div", {
+    className,
+    children
+  });
+}
+function DrawerTitle(props) {
+  const drawerContext = useDrawerContext();
+  return jsxRuntime.jsx(Text.Text, __spreadValues(__spreadValues({
+    variant: "heading3"
+  }, drawerContext.titleProps), props));
+}
+function DrawerTrigger(props) {
+  const _a = props, { children, isDismissable = true } = _a, inTriggerProps = __objRest(_a, ["children", "isDismissable"]);
+  const state = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(inTriggerProps);
+  const { triggerProps, overlayProps } = useOverlayTrigger.$628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state);
+  const [animationExited, setAnimationExited] = React.useState(!state.isOpen);
+  if (children.length !== 2) {
+    throw new Error("children must be exactly one trigger element and one modal element");
+  }
+  const [trigger, modal] = children;
+  const context = React.useMemo(() => {
+    return {
+      state,
+      isDismissable
+    };
+  }, [isDismissable, state]);
+  return jsxRuntime.jsxs(DrawerTriggerContext.Provider, {
+    value: context,
+    children: [React.cloneElement(trigger, triggerProps), (state.isOpen || !animationExited) && jsxRuntime.jsx(DrawerUnderlay, __spreadProps(__spreadValues({
+      setAnimationExited
+    }, props), {
+      state,
+      children: React.cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)
+    }))]
+  });
+}
+function useIntersectionDetection(targetRef, scrollRef) {
+  const [isStuck, setIsStuck] = React.useState(false);
+  React.useEffect(() => {
+    if (!targetRef.current || !scrollRef.current) {
+      return;
+    }
+    const observer = new IntersectionObserver(([entry]) => {
+      setIsStuck(!entry.isIntersecting);
+    }, {
+      root: scrollRef.current
+    });
+    observer.observe(targetRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [targetRef, scrollRef]);
+  return isStuck;
+}
+function Drawer(props) {
+  const { children } = props;
+  const bodyRef = React.useRef(null);
+  const headerInterceptorRef = React.useRef(null);
+  const isHeaderStuck = useIntersectionDetection(headerInterceptorRef, bodyRef);
+  const dialogRef = React.useRef(null);
+  const { dialogProps, titleProps } = useDialog.$40df3f8667284809$export$d55e7ee900f34e93({
+    role: "dialog"
+  }, dialogRef);
+  const context = React.useMemo(() => {
+    return {
+      bodyRef,
+      headerInterceptorRef,
+      isHeaderStuck,
+      dialogProps,
+      titleProps
+    };
+  }, [dialogProps, isHeaderStuck, titleProps]);
+  const className = utilities_css.classNames(styles.Drawer);
+  return jsxRuntime.jsx(DrawerContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
+      className,
+      ref: dialogRef,
+      children
+    }))
+  });
+}
+Drawer.Trigger = DrawerTrigger;
+Drawer.Header = DrawerHeader;
+Drawer.Title = DrawerTitle;
+Drawer.Banner = DrawerBanner;
+Drawer.Body = DrawerBody;
+Drawer.BanneredContentArea = DrawerBanneredContentArea;
+Drawer.StandaloneContentArea = DrawerStandaloneContentArea;
+Drawer.CloseButton = DrawerCloseButton;
+exports.Drawer = Drawer;
+exports.DrawerContainer = DrawerContainer;
+exports.useDrawerTrigger = useDrawerTrigger;