@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/NexusLayout/index.mjs

@@ -0,0 +1,336 @@
+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));
+import React__default, { useState, useCallback, forwardRef, useRef, useId, useMemo, useContext } from "react";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-B3Um5vvS.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { M as Menu } from "../__chunks__/Menu-DVei3CtR.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-I6O2iIqT.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-tJX1Ngpm.mjs";
+import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-hFVDzAjm.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
+const button = "_button_14248_4";
+const focused$2 = "_focused_14248_25";
+const hovered$2 = "_hovered_14248_37";
+const selected$2 = "_selected_14248_41";
+const open = "_open_14248_42";
+const badgeContainer = "_badgeContainer_14248_47";
+const badge = "_badge_14248_47";
+const styles$4 = {
+  button,
+  focused: focused$2,
+  hovered: hovered$2,
+  selected: selected$2,
+  open,
+  badgeContainer,
+  badge
+};
+function NexusLayoutActions(props) {
+  const { children } = props;
+  return React__default.createElement(HorizontalStack, {
+    wrap: false,
+    gap: "0.5",
+    align: "end"
+  }, children);
+}
+function NexusLayoutMenuAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpenChange = useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+  }, []);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
+  const className = classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isOpen && styles$4.open);
+  return React__default.createElement(Menu, {
+    isOpen,
+    onOpenChange: handleOpenChange
+  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(PressableButton, __spreadValues({
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$4.badgeContainer
+  }, renderBadge()))), children);
+}
+function NexusLayoutLinkAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
+  const ref = useRef(null);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isSelected && styles$4.selected);
+  return React__default.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "true" : void 0
+  }), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$4.badgeContainer
+  }, renderBadge()));
+}
+function NexusLayoutActionBadge(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$4.badge
+  }, children);
+}
+const PressableButton = forwardRef((props, ref) => {
+  const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
+  return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+    ref,
+    className: classNames(pressProps.className)
+  }));
+});
+PressableButton.displayName = "PressableButton";
+const container = "_container_5x0j8_4";
+const sidebar = "_sidebar_5x0j8_11";
+const content$1 = "_content_5x0j8_18";
+const styles$3 = {
+  container,
+  sidebar,
+  content: content$1
+};
+function NexusLayoutMultipageContainer(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$3.container
+  }, children);
+}
+function NexusLayoutMultipageSidebar(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    role: "region",
+    className: styles$3.sidebar
+  }, children);
+}
+function NexusLayoutMultipageContent(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$3.content
+  }, React__default.createElement(VerticalStack, {
+    gap: "2"
+  }, children));
+}
+function NexusLayoutMultipageHeader(props) {
+  const { children } = props;
+  return React__default.createElement(HorizontalStack, {
+    as: "header",
+    blockAlign: "center",
+    align: "space-between"
+  }, children);
+}
+function NexusLayoutMultipageTitle(props) {
+  const { children } = props;
+  return React__default.createElement(Text, {
+    as: "h3",
+    variant: "heading5"
+  }, children);
+}
+const link$1 = "_link_os35m_4";
+const focused$1 = "_focused_os35m_13";
+const hovered$1 = "_hovered_os35m_25";
+const selected$1 = "_selected_os35m_29";
+const styles$2 = {
+  link: link$1,
+  focused: focused$1,
+  hovered: hovered$1,
+  selected: selected$1
+};
+const SidebarNavContext = React__default.createContext(null);
+const useNexusLayoutMultipageSidebarNav = () => {
+  const context = useContext(SidebarNavContext);
+  if (!context) {
+    throw new Error("useNexusLayoutMultipageSidebarNav must be used within a NexusLayoutMultipageSidebarNav");
+  }
+  return context;
+};
+function NexusLayoutMultipageSidebarNav(props) {
+  const { selectedHref, title, children } = props;
+  const titleId = useId();
+  const context = useMemo(() => {
+    return {
+      selectedHref
+    };
+  }, [selectedHref]);
+  return React__default.createElement(SidebarNavContext.Provider, {
+    value: context
+  }, React__default.createElement(VerticalStack, {
+    as: "nav",
+    gap: "2",
+    "aria-labelledby": titleId
+  }, React__default.createElement(Text, {
+    as: "h2",
+    variant: "heading4",
+    id: titleId
+  }, title), children));
+}
+function NexusLayoutMultipageSidebarNavSection(props) {
+  const { title, children } = props;
+  return React__default.createElement(VerticalStack, {
+    gap: "2",
+    inlineAlign: "start"
+  }, React__default.createElement(Text, {
+    variant: "overline"
+  }, title), children);
+}
+function NexusLayoutMultipageSidebarNavLink(props) {
+  const { href, iconSymbol, children } = props;
+  const { selectedHref } = useNexusLayoutMultipageSidebarNav();
+  const ref = useRef(null);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const isSelected = href === selectedHref;
+  const className = classNames(styles$2.link, isFocusVisible && styles$2.focused, isHovered && styles$2.hovered, isSelected && styles$2.selected);
+  return React__default.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "page" : void 0
+  }), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), React__default.createElement(Text, {
+    variant: "body2",
+    weight: isSelected ? "semibold" : void 0
+  }, children));
+}
+const link = "_link_q3unw_4";
+const focused = "_focused_q3unw_23";
+const hovered = "_hovered_q3unw_35";
+const selected = "_selected_q3unw_39";
+const styles$1 = {
+  link,
+  focused,
+  hovered,
+  selected
+};
+const NexusLayoutNavContext = React__default.createContext(null);
+const useNexusLayoutNav = () => {
+  const context = useContext(NexusLayoutNavContext);
+  if (!context) {
+    throw new Error("useNexusLayoutNav must be used within a NexusLayoutNav");
+  }
+  return context;
+};
+function NexusLayoutNav(props) {
+  const { "aria-label": ariaLabel = "Main", selectedHref, children } = props;
+  const context = useMemo(() => {
+    return {
+      selectedHref
+    };
+  }, [selectedHref]);
+  return React__default.createElement(NexusLayoutNavContext.Provider, {
+    value: context
+  }, React__default.createElement(HorizontalStack, {
+    as: "nav",
+    "aria-label": ariaLabel
+  }, children));
+}
+function NexusLayoutNavLink(props) {
+  const { href, iconSymbol, children } = props;
+  const { selectedHref } = useNexusLayoutNav();
+  const ref = useRef(null);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const isSelected = href === selectedHref;
+  const className = classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React__default.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "page" : void 0
+  }), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), React__default.createElement(Text, {
+    variant: "subtitle2",
+    weight: "semibold"
+  }, children));
+}
+const NexusLayout$1 = "_NexusLayout_1gn4l_4";
+const backgroundDecoration01 = "_backgroundDecoration01_1gn4l_13";
+const header = "_header_1gn4l_19";
+const logo = "_logo_1gn4l_39";
+const content = "_content_1gn4l_43";
+const styles = {
+  NexusLayout: NexusLayout$1,
+  backgroundDecoration01,
+  header,
+  logo,
+  content
+};
+function NexusLayout(props) {
+  const { backgroundDecoration = "01", children } = props;
+  const className = classNames(styles.NexusLayout, styles[variationName("backgroundDecoration", backgroundDecoration)]);
+  return React__default.createElement("div", {
+    className
+  }, children);
+}
+function NexusLayoutHeader(props) {
+  const { children } = props;
+  return React__default.createElement("header", {
+    className: styles.header
+  }, children);
+}
+function NexusLayoutLogo(props) {
+  const { children = React__default.createElement(EasyPostLogo, null) } = props;
+  return React__default.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function NexusLayoutContent(props) {
+  const { children } = props;
+  return React__default.createElement("main", {
+    className: styles.content
+  }, children);
+}
+NexusLayout.Header = NexusLayoutHeader;
+NexusLayout.Logo = NexusLayoutLogo;
+NexusLayout.Nav = NexusLayoutNav;
+NexusLayout.NavLink = NexusLayoutNavLink;
+NexusLayout.Actions = NexusLayoutActions;
+NexusLayout.ActionBadge = NexusLayoutActionBadge;
+NexusLayout.MenuAction = NexusLayoutMenuAction;
+NexusLayout.LinkAction = NexusLayoutLinkAction;
+NexusLayout.Content = NexusLayoutContent;
+NexusLayout.MultipageContainer = NexusLayoutMultipageContainer;
+NexusLayout.MultipageSidebar = NexusLayoutMultipageSidebar;
+NexusLayout.MultipageContent = NexusLayoutMultipageContent;
+NexusLayout.MultipageHeader = NexusLayoutMultipageHeader;
+NexusLayout.MultipageTitle = NexusLayoutMultipageTitle;
+NexusLayout.MultipageSidebarNav = NexusLayoutMultipageSidebarNav;
+NexusLayout.MultipageSidebarNavSection = NexusLayoutMultipageSidebarNavSection;
+NexusLayout.MultipageSidebarNavLink = NexusLayoutMultipageSidebarNavLink;
+NexusLayout.useNexusLayoutNav = useNexusLayoutNav;
+NexusLayout.useNexusLayoutMultipageSidebarNav = useNexusLayoutMultipageSidebarNav;
+export {
+  NexusLayout
+};

package/Notification/Notification.d.ts

@@ -73,7 +73,18 @@ export type NotificationItemStateProps = AriaToastProps<NotificationProps> & {
  * function that is called when an alert is dismissed. The `state` prop captures stateful information,
  * such as functions that can interact with the queue in a programmatic way.
  */
-export declare function Notification(props: NotificationItemStateProps): React.JSX.Element;
+export declare const Notification: React.ForwardRefExoticComponent<AriaToastProps<NotificationProps> & {
+    /**
+     * The `toast` name here is an artifact of react-stately, not an Easy UI `toast`
+     * it is more appropriate to think of this as a `notification`.
+     */
+    toast: QueuedNotification;
+    /**
+     * Holds the internal state for notifications and the functions that directly
+     * interact with the queue object. Consumers do not see this state.
+     */
+    state: NotificationInternalState;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const NotificationContext: React.Context<NotificationExternalState | null>;
 /**
  * Notifications of type alert or toast can be displayed using this hook. The hook returns a notification

package/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}

package/Notification/Notification.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.d.ts","sourceRoot":"","sources":["../../src/Notification/Notification.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EACL,YAAY,EAGb,MAAM,gBAAgB,CAAC;AAKxB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,KAsF3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAwBnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KA8B5C,CAAC"}
+{"version":3,"file":"Notification.stories.d.ts","sourceRoot":"","sources":["../../src/Notification/Notification.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EACL,YAAY,EAGb,MAAM,gBAAgB,CAAC;AAKxB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,KAqF3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAuBnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KA8B5C,CAAC"}

package/Notification/NotificationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../src/Notification/NotificationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,MAAM,0BAA0B,GAAG;IACvC,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACxC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,KAAK,EAAE,yBAAyB,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBA6CtE"}
+{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../src/Notification/NotificationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,0BAA0B,GAAG;IACvC,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACxC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,KAAK,EAAE,yBAAyB,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAmDtE"}

package/Notification/NotificationRegion.d.ts

@@ -1,16 +1,21 @@
+import { AriaToastRegionProps } from "@react-aria/toast";
 import React from "react";
 import { NotificationInternalState } from "./Notification";
-import { AriaToastRegionProps } from "@react-aria/toast";
+import { NotificationTransitionProps } from "./NotificationTransition";
 export type NotificationRegionProps = AriaToastRegionProps & {
     /**
      * Holds the internal state for notifications and the functions that directly
      * interact with the queue object. Consumers do not see this state.
      */
     state: NotificationInternalState;
+    /**
+     * Callback function used to track the transition state of the notification.
+     */
+    onTransitionPendingChange: NotificationTransitionProps["onTransitionPendingChange"];
 };
 /**
  * @privateRemarks
- * This componenet is responsible for rendering individual notifications into
+ * This component is responsible for rendering individual notifications into
  * a region.
  */
 export declare function NotificationRegion(props: NotificationRegionProps): React.JSX.Element;

package/Notification/NotificationRegion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationRegion.d.ts","sourceRoot":"","sources":["../../src/Notification/NotificationRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAkB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GAAG;IAC3D;;;OAGG;IACH,KAAK,EAAE,yBAAyB,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAgBhE"}
+{"version":3,"file":"NotificationRegion.d.ts","sourceRoot":"","sources":["../../src/Notification/NotificationRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAkB,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAEL,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GAAG;IAC3D;;;OAGG;IACH,KAAK,EAAE,yBAAyB,CAAC;IAEjC;;OAEG;IACH,yBAAyB,EAAE,2BAA2B,CAAC,2BAA2B,CAAC,CAAC;CACrF,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA0BhE"}

package/Notification/NotificationTransition.d.ts

@@ -0,0 +1,29 @@
+import React, { Key, RefObject, ReactNode } from "react";
+type ChildrenFunction<T> = (args: T) => ReactNode;
+export type NotificationTransitionProps = {
+    /**
+     * Children function that receives a ref to the node being transitioned.
+     */
+    children: ChildrenFunction<{
+        nodeRef: RefObject<HTMLDivElement>;
+    }>;
+    /**
+     * Unique key for the transition.
+     */
+    transitionKey: Key;
+    /**
+     * Callback function used to track the transition state of the notification.
+     */
+    onTransitionPendingChange?: (isTransitionPending: boolean) => void;
+};
+export declare function NotificationTransition({ children, transitionKey, onTransitionPendingChange, ...transitionGroupProps }: NotificationTransitionProps): React.JSX.Element;
+/**
+ * Track when a list of transitions are complete in a TransitionGroup. Useful
+ * for showing/hiding a notification container while transitions are pending.
+ */
+export declare function useNotificationTransitionTracking(): {
+    isTransitionPending: boolean;
+    onTransitionPendingChange: (isTransitionPending: boolean) => void;
+};
+export {};
+//# sourceMappingURL=NotificationTransition.d.ts.map

package/Notification/NotificationTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTransition.d.ts","sourceRoot":"","sources":["../../src/Notification/NotificationTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAIhF,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;AAElD,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,gBAAgB,CAAC;QAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC,CAAC;IAEnE;;OAEG;IACH,aAAa,EAAE,GAAG,CAAC;IAEnB;;OAEG;IACH,yBAAyB,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,aAAa,EACb,yBAAoC,EACpC,GAAG,oBAAoB,EACxB,EAAE,2BAA2B,qBAiC7B;AAED;;;GAGG;AACH,wBAAgB,iCAAiC;;qDAES,OAAO;EAShE"}