@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.70

package/Menu/index.mjs

@@ -1,396 +1,4 @@
-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 __knownSymbol = (name, symbol) => {
-  if (symbol = Symbol[name])
-    return symbol;
-  throw Error("Symbol." + name + " is not defined");
-};
-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;
-};
-var __await = function(promise, isYieldStar) {
-  this[0] = promise;
-  this[1] = isYieldStar;
-};
-var __yieldStar = (value) => {
-  var obj = value[__knownSymbol("asyncIterator")];
-  var isAwait = false;
-  var method;
-  var it = {};
-  if (obj == null) {
-    obj = value[__knownSymbol("iterator")]();
-    method = (k) => it[k] = (x) => obj[k](x);
-  } else {
-    obj = obj.call(value);
-    method = (k) => it[k] = (v) => {
-      if (isAwait) {
-        isAwait = false;
-        if (k === "throw")
-          throw v;
-        return v;
-      }
-      isAwait = true;
-      return {
-        done: false,
-        value: new __await(new Promise((resolve) => {
-          var x = obj[k](v);
-          if (!(x instanceof Object))
-            throw TypeError("Object expected");
-          resolve(x);
-        }), 1)
-      };
-    };
-  }
-  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
-    throw x;
-  }, "return" in obj && method("return"), it;
-};
-import React__default, { useMemo, useCallback, useEffect, createContext, useContext } from "react";
-import { g as getDefaultExportFromCjs, o as omit } from "../__chunks__/omit-f17deb8f.mjs";
-import { Text } from "../Text/index.mjs";
-import { f as $7af3f5b51489e0b5$export$253fe78d46329472, g as $7613b1592d41b092$export$6cd28814d92fa9c9, h as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2, p as $a2e5df62f93c7633$export$9d32628fc2aea7da, k as $9fc4852771d079eb$export$6e2c8f0811a474ce, q as $3e5eb2498db5b506$export$73f7a44322579622, l as $f4b273590fab9f93$export$52210f68a14655d0, r as $d5336fe17ce95402$export$38eaa17faae8f579, m as getUnmergedPopoverStyles, s as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, o as DEFAULT_PLACEMENT, D as DEFAULT_WIDTH, O as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY, n as OVERLAY_OFFSET, i as $a28c903ee9ad8dc5$export$79fefeb1c2091ac3, d as $168583247155ddda$export$dc9c12ed27dd1b49, u as useTriggerWidth } from "../__chunks__/useTriggerWidth-b554acaf.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-19bc38ac.mjs";
-import { S } from "../__chunks__/overlayscrollbars-react.es-7f332a3b.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/import-6a831ca1.mjs";
-import { c as $f2f8a6077418541e$export$542a6fd13ac93354, d as $f57aed4a881a3485$export$b47c3594eab58386, e as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "../__chunks__/import-c4caaddf.mjs";
-import "../utilities/css.mjs";
-import "../__chunks__/import-3faba3a6.mjs";
-import "../__chunks__/real-module-515df21d.mjs";
-import "react-dom";
-class $05ca4cd7c4a5a999$export$863faf230ee2118a {
-  *[Symbol.iterator]() {
-    yield* __yieldStar(this.iterable);
-  }
-  get size() {
-    return this.keyMap.size;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getKeyBefore(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.prevKey : null;
-  }
-  getKeyAfter(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.nextKey : null;
-  }
-  getFirstKey() {
-    return this.firstKey;
-  }
-  getLastKey() {
-    return this.lastKey;
-  }
-  getItem(key) {
-    return this.keyMap.get(key);
-  }
-  at(idx) {
-    const keys = [
-      ...this.getKeys()
-    ];
-    return this.getItem(keys[idx]);
-  }
-  constructor(nodes, { expandedKeys } = {}) {
-    this.keyMap = /* @__PURE__ */ new Map();
-    this.iterable = nodes;
-    expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
-    let visit = (node) => {
-      this.keyMap.set(node.key, node);
-      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key)))
-        for (let child of node.childNodes)
-          visit(child);
-    };
-    for (let node of nodes)
-      visit(node);
-    let last;
-    let index = 0;
-    for (let [key, node] of this.keyMap) {
-      if (last) {
-        last.nextKey = key;
-        node.prevKey = last.key;
-      } else {
-        this.firstKey = key;
-        node.prevKey = void 0;
-      }
-      if (node.type === "item")
-        node.index = index++;
-      last = node;
-      last.nextKey = void 0;
-    }
-    this.lastKey = last === null || last === void 0 ? void 0 : last.key;
-  }
-}
-function $875d6693e12af071$export$728d6ba534403756(props) {
-  let [expandedKeys, setExpandedKeys] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.expandedKeys ? new Set(props.expandedKeys) : void 0, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), props.onExpandedChange);
-  let selectionState = $7af3f5b51489e0b5$export$253fe78d46329472(props);
-  let disabledKeys = useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
-    props.disabledKeys
-  ]);
-  let tree = $7613b1592d41b092$export$6cd28814d92fa9c9(props, useCallback((nodes) => new $05ca4cd7c4a5a999$export$863faf230ee2118a(nodes, {
-    expandedKeys
-  }), [
-    expandedKeys
-  ]), null);
-  useEffect(() => {
-    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey))
-      selectionState.setFocusedKey(null);
-  }, [
-    tree,
-    selectionState.focusedKey
-  ]);
-  let onToggle = (key) => {
-    setExpandedKeys($875d6693e12af071$var$toggleKey(expandedKeys, key));
-  };
-  return {
-    collection: tree,
-    expandedKeys,
-    disabledKeys,
-    toggleKey: onToggle,
-    setExpandedKeys,
-    selectionManager: new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(tree, selectionState)
-  };
-}
-function $875d6693e12af071$var$toggleKey(set, key) {
-  let res = new Set(set);
-  if (res.has(key))
-    res.delete(key);
-  else
-    res.add(key);
-  return res;
-}
-const InternalMenuContext = createContext(null);
-function useInternalMenuContext() {
-  const menuContext = useContext(InternalMenuContext);
-  if (!menuContext) {
-    throw new Error("InternalMenuContext must be used inside a <Menu />");
-  }
-  return menuContext;
-}
-function noop() {
-}
-var noop_1 = noop;
-const noop$1 = /* @__PURE__ */ getDefaultExportFromCjs(noop_1);
-const underlay = "_underlay_4ucg4_5";
-const root = "_root_4ucg4_10";
-const menu = "_menu_4ucg4_60";
-const menuList = "_menuList_4ucg4_65";
-const sectionList = "_sectionList_4ucg4_66";
-const itemContent = "_itemContent_4ucg4_72";
-const separator = "_separator_4ucg4_73";
-const item = "_item_4ucg4_72";
-const styles = {
-  underlay,
-  root,
-  menu,
-  menuList,
-  sectionList,
-  itemContent,
-  separator,
-  item
-};
-function MenuItem(_props) {
-  return null;
-}
-Object.assign(MenuItem, $c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
-function MenuItemContent({ item: item2, state }) {
-  const ref = React__default.useRef(null);
-  const { closeOnSelect, href } = item2.props;
-  const { menuItemProps, isFocused, isSelected, isDisabled } = $a2e5df62f93c7633$export$9d32628fc2aea7da(__spreadProps(__spreadValues({}, item2), {
-    closeOnSelect
-  }), state, ref);
-  const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
-  const props = href ? $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"])) : menuItemProps;
-  return React__default.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
-    itemRef: ref,
-    className: styles.item,
-    "data-is-disabled": isDisabled,
-    "data-is-focused": isFocused,
-    "data-is-selected": isSelected
-  }), React__default.createElement("div", {
-    className: styles.itemContent
-  }, React__default.createElement(Text, {
-    variant: "body1",
-    truncate: true
-  }, item2.rendered)));
-}
-function StandardMenuItemContainer(_a) {
-  var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
-  return React__default.createElement("li", __spreadValues({
-    ref: itemRef
-  }, props));
-}
-function LinkMenuItemContainer(_c) {
-  var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
-  return React__default.createElement("li", {
-    role: "none"
-  }, React__default.createElement(Component, __spreadProps(__spreadValues({
-    ref: itemRef
-  }, props), {
-    onPointerUp: noop$1,
-    onKeyDown: noop$1
-  })));
-}
-function MenuSection(_props) {
-  return null;
-}
-Object.assign(MenuSection, $9fc4852771d079eb$export$6e2c8f0811a474ce);
-function MenuSectionContent({ section, state }) {
-  const { itemProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
-    "aria-label": section["aria-label"]
-  });
-  const { separatorProps } = $f4b273590fab9f93$export$52210f68a14655d0({
-    elementType: "li"
-  });
-  return React__default.createElement(React__default.Fragment, null, section.key !== state.collection.getFirstKey() && React__default.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
-    className: styles.separator
-  })), React__default.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React__default.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
-    className: styles.sectionList
-  }), [...section.childNodes].map((item2) => {
-    return React__default.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state
-    });
-  }))));
-}
-function useScrollbar(scrollRef) {
-  const [initialize] = S({
-    options: {
-      scrollbars: {
-        theme: "ezui-os-theme-overlay"
-      }
-    },
-    defer: false
-  });
-  useEffect(() => {
-    if (scrollRef.current) {
-      initialize({
-        target: scrollRef.current
-      });
-    }
-  }, [initialize, scrollRef]);
-}
-function MenuOverlay(props) {
-  const { menuTriggerState, triggerWidth } = useInternalMenuContext();
-  if (!menuTriggerState.isOpen || triggerWidth === null) {
-    return null;
-  }
-  return React__default.createElement(MenuOverlayContent, __spreadValues({}, props));
-}
-function MenuOverlayContent(props) {
-  const { children, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH } = props;
-  const popoverRef = React__default.useRef(null);
-  const menuRef = React__default.useRef(null);
-  const menuTreeState = $875d6693e12af071$export$728d6ba534403756({
-    children,
-    disabledKeys
-  });
-  const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
-  const { popoverProps, underlayProps } = $f2f8a6077418541e$export$542a6fd13ac93354({
-    containerPadding: OVERLAY_PADDING_FROM_CONTAINER,
-    maxHeight: ITEM_HEIGHT * maxItemsUntilScroll + Y_PADDING_INSIDE_OVERLAY * 2 + 2,
-    offset: OVERLAY_OFFSET,
-    placement,
-    popoverRef,
-    scrollRef: menuRef,
-    triggerRef
-  }, menuTriggerState);
-  const { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579($3ef42575df84b30b$export$9d1611c77c2fe928({
-    disabledKeys,
-    onAction,
-    onClose
-  }, menuPropsFromTrigger), menuTreeState, menuRef);
-  useScrollbar(menuRef);
-  const style = __spreadValues(__spreadValues({}, popoverProps.style), getUnmergedPopoverStyles(width, triggerWidth));
-  return React__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, null, React__default.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
-    className: styles.underlay
-  })), React__default.createElement("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
-    style
-  })), {
-    ref: popoverRef,
-    className: styles.root
-  }), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  }), React__default.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
-    ref: menuRef,
-    className: styles.menu,
-    "data-width": width,
-    "data-max-items-until-scroll": maxItemsUntilScroll,
-    "data-overlayscrollbars-initialize": true
-  }), React__default.createElement("ul", {
-    className: styles.menuList
-  }, [...menuTreeState.collection].map((item2) => {
-    return item2.type === "section" ? React__default.createElement(MenuSectionContent, {
-      key: item2.key,
-      section: item2,
-      state: menuTreeState
-    }) : React__default.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state: menuTreeState
-    });
-  }))), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  })));
-}
-function MenuTrigger(props) {
-  const { children } = props;
-  const { triggerRef, menuTriggerProps } = useInternalMenuContext();
-  return React__default.cloneElement(children, __spreadProps(__spreadValues({}, menuTriggerProps), {
-    ref: triggerRef
-  }));
-}
-function Menu(props) {
-  const { children } = props;
-  const triggerRef = React__default.useRef(null);
-  const menuTriggerState = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
-  const { menuTriggerProps, menuProps: menuPropsFromTrigger } = $168583247155ddda$export$dc9c12ed27dd1b49(__spreadProps(__spreadValues({}, props), {
-    type: "menu"
-  }), menuTriggerState, triggerRef);
-  const triggerWidth = useTriggerWidth(triggerRef);
-  const context = useMemo(() => {
-    return {
-      menuPropsFromTrigger,
-      menuTriggerProps,
-      menuTriggerState,
-      triggerRef,
-      triggerWidth
-    };
-  }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
-  return React__default.createElement(InternalMenuContext.Provider, {
-    value: context
-  }, children);
-}
-Menu.Trigger = MenuTrigger;
-Menu.Overlay = MenuOverlay;
-Menu.Section = MenuSection;
-Menu.Item = MenuItem;
+import { M } from "../__chunks__/Menu-DZBO3sp5.mjs";
 export {
-  Menu
+  M as Menu
 };

package/Menu/utilities.d.ts

@@ -1,4 +1,6 @@
-/// <reference types="react" />
+import { Key } from "@react-types/shared";
+import React from "react";
+import { TreeState } from "react-stately";
 import { MenuOverlayWidth } from "./MenuOverlay";
 export declare const DEFAULT_MAX_ITEMS_UNTIL_SCROLL = 5;
 export declare const DEFAULT_PLACEMENT = "bottom";
@@ -7,5 +9,19 @@ export declare const ITEM_HEIGHT = 32;
 export declare const Y_PADDING_INSIDE_OVERLAY = 8;
 export declare const OVERLAY_OFFSET = 8;
 export declare const OVERLAY_PADDING_FROM_CONTAINER = 12;
+export declare const SELECT_ALL_KEY = "all";
+export declare function getMenuPopoverMaxHeight({ maxItemsUntilScroll, }: {
+    maxItemsUntilScroll: number;
+}): number;
 export declare function getUnmergedPopoverStyles(width: MenuOverlayWidth, triggerWidth: number | null): React.CSSProperties;
+export declare function getAllSelectableItems<T>(state: TreeState<T>): Set<Key>;
+export declare function filterSelectedKeys(keys: Set<Key>): Set<Key>;
+export declare function getFilteredSelectedKeys<T>(state: TreeState<T>): Set<Key>;
+export declare function isSelectAllSelected<T>(state: TreeState<T>): boolean;
+export declare function isSelectAllIndeterminate<T>(state: TreeState<T>): boolean;
+export declare function useSelectionCapture(): {
+    isSelectionPending: () => boolean;
+    markSelectionPending: () => void;
+    markSelectionStale: () => void;
+};
 //# sourceMappingURL=utilities.d.ts.map

package/Menu/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Menu/utilities.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,MAAM,GAAG,IAAI,GAC1B,KAAK,CAAC,aAAa,CAmBrB"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Menu/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,wBAAgB,uBAAuB,CAAC,EACtC,mBAAmB,GACpB,EAAE;IACD,mBAAmB,EAAE,MAAM,CAAC;CAC7B,UAEA;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,MAAM,GAAG,IAAI,GAC1B,KAAK,CAAC,aAAa,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAkBtE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,YAEhD;AAED,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,YAE7D;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAKzD;AAED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAE9D;AAED,wBAAgB,mBAAmB;;;;EAiClC"}

package/Modal/Modal.d.ts

@@ -0,0 +1,53 @@
+import React, { ReactNode } from "react";
+import { ModalBody } from "./ModalBody";
+import { ModalFooter } from "./ModalFooter";
+import { ModalHeader } from "./ModalHeader";
+import { ModalTrigger } from "./ModalTrigger";
+import { ModalContainer } from "./ModalContainer";
+import { useModalTrigger } from "./context";
+type ModalSize = "sm" | "md" | "lg";
+export type ModalProps = {
+    /**
+     * Content of the modal.
+     */
+    children: ReactNode;
+    /**
+     * Size of the modal.
+     *
+     * @default lg
+     */
+    size?: ModalSize;
+};
+/**
+ * A `Modal` is a page overlay that displays information and blocks interaction
+ * with the page until an action is taken or the `Modal` is dismissed.
+ *
+ * @remarks
+ * Use a `<Modal />` when you want to capture information from the user without
+ * having them leave the parent page, or when you want to show additional
+ * information to the user without losing context of the parent page.
+ *
+ * @example
+ * <Modal.Trigger>
+ *   <Button>Open modal</Button>
+ *   <Modal>
+ *     <Modal.Header>H4 Title</Modal.Header>
+ *     <Modal.Body>Modal content</Modal.Body>
+ *     <Modal.Footer
+ *       primaryAction={{
+ *         content: "Button 1",
+ *         onAction: () => {},
+ *       }}
+ *     />
+ *   </Modal>
+ * </Modal.Trigger>
+ */
+export declare function Modal(props: ModalProps): React.JSX.Element;
+export declare namespace Modal {
+    var Trigger: typeof ModalTrigger;
+    var Header: typeof ModalHeader;
+    var Body: typeof ModalBody;
+    var Footer: typeof ModalFooter;
+}
+export { ModalContainer, useModalTrigger };
+//# sourceMappingURL=Modal.d.ts.map

package/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAI5C,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAqCtC;yBArCe,KAAK;;;;;;AAsErB,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/Modal/Modal.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Modal } from "./Modal";
+import { ModalTrigger } from "./ModalTrigger";
+type ModalStory = StoryObj<typeof Modal>;
+type ModalTriggerStory = StoryObj<typeof ModalTrigger>;
+declare const meta: Meta<typeof Modal>;
+export default meta;
+export declare const Simple: ModalStory;
+export declare const Complete: ModalStory;
+export declare const Nondismissable: ModalTriggerStory;
+export declare const Size: ModalStory;
+export declare const DefaultOpen: ModalTriggerStory;
+export declare const Controlled: ModalTriggerStory;
+export declare const MenuTrigger: ModalTriggerStory;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/Modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,KAAK,EAAmC,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,KAAK,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AACzC,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAQ5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,UAkBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,UA6CtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBA6B5B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,UAwBlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAwBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAwBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBA0BzB,CAAC"}

package/Modal/Modal.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Modal.test.d.ts.map

package/Modal/Modal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.test.tsx"],"names":[],"mappings":""}

package/Modal/ModalBody.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+type ModalBodyProps = {
+    /**
+     * Modal body content.
+     */
+    children: ReactNode;
+};
+export declare function ModalBody(props: ModalBodyProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ModalBody.d.ts.map

package/Modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../src/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAa9C"}

package/Modal/ModalContainer.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from "react";
+type ModalContainerProps = {
+    /**
+     * Modal wrap content.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal is dismissable.
+     */
+    isDismissable?: boolean;
+    /**
+     * Handler that is called when the overlay is closed.
+     */
+    onDismiss?: () => void;
+};
+/**
+ * Represents a container for `<Modal />`s.
+ *
+ * @remarks
+ * A `<ModalContainer />` accepts a single Modal as a child, and manages
+ * showing and hiding it in a modal. Useful in cases where there is no trigger
+ * element or when the trigger unmounts while the modal is open.
+ */
+export declare function ModalContainer(props: ModalContainerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ModalContainer.d.ts.map

package/Modal/ModalContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../src/Modal/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAmDxD"}

package/Modal/ModalFooter.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ButtonColor } from "../Button";
+type ModalFooterProps = {
+    /**
+     * Primary action slot.
+     */
+    primaryAction: {
+        color?: ButtonColor;
+        content: string;
+        onAction: () => void;
+        isDisabled?: boolean;
+    };
+    /**
+     * Secondary action slot.
+     */
+    secondaryAction?: {
+        color?: ButtonColor;
+        content: string;
+        onAction: () => void;
+        isDisabled?: boolean;
+    };
+};
+export declare function ModalFooter(props: ModalFooterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ModalFooter.d.ts.map

package/Modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../src/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAMhD,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IAEF;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA2BlD"}

package/Modal/ModalHeader.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { IconSymbol } from "../types";
+export type ModalHeaderProps = {
+    /**
+     * Modal header element type. Should be a valid document heading level.
+     *
+     * @default h2
+     */
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * The content for the title of the modal.
+     */
+    children: string;
+    /**
+     * The content for the subtitle of the modal.
+     */
+    subtitle?: string;
+    /**
+     * Icon to display at the start of the header title.
+     */
+    iconAtStart?: {
+        accessibilityLabel?: string;
+        symbol: IconSymbol;
+    };
+    /**
+     * Icon to display at the end of the header title.
+     */
+    iconAtEnd?: {
+        accessibilityLabel?: string;
+        symbol: IconSymbol;
+        size?: "md" | "2xl";
+    };
+};
+export declare function ModalHeader(props: ModalHeaderProps): React.JSX.Element;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/Modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../src/Modal/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAMtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE7C;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,EAAE,UAAU,CAAC;KACpB,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,EAAE,UAAU,CAAC;QACnB,IAAI,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;KACrB,CAAC;CACH,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA+ClD"}

package/Modal/ModalTrigger.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactElement } from "react";
+export type CloseableModalElement = (close: () => void) => ReactElement;
+export type ModalTriggerProps = {
+    /**
+     * Content of modal trigger. Must be exactly two elements.
+     */
+    children: [ReactElement, CloseableModalElement | 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 ModalTrigger(props: ModalTriggerProps): React.JSX.Element;
+//# sourceMappingURL=ModalTrigger.d.ts.map

package/Modal/ModalTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../src/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAMnE,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,YAAY,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,qBAAqB,GAAG,YAAY,CAAC,CAAC;IAE/D;;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,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAkCpD"}