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

package/Drawer/index.mjs

@@ -0,0 +1,366 @@
+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;
+};
+import * as React from "react";
+import React__default, { createContext, useContext, useCallback, useState, useMemo, cloneElement, useEffect, useRef } from "react";
+import { classNames } from "../utilities/css.mjs";
+import { useScrollbar } from "../utilities/useScrollbar.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
+import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-C2Qh_ZjU.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-aI53DFC4.mjs";
+import { C as CSSTransition } from "../__chunks__/CSSTransition-C4FQrt4m.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-DOqDd2-0.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-C2wEAsRc.mjs";
+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 = classNames(styles.banner);
+  return React__default.createElement("div", {
+    className
+  }, props.children);
+}
+const DrawerContext = createContext(null);
+const useDrawerContext = () => {
+  const drawerContext = useContext(DrawerContext);
+  if (!drawerContext) {
+    throw new Error("useDrawer must be used within a Drawer");
+  }
+  return drawerContext;
+};
+const DrawerTriggerContext = createContext(null);
+const useDrawerTriggerContext = () => {
+  const drawerTriggerContext = 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();
+  useScrollbar(drawerContext.bodyRef, "ezui-os-theme-drawer");
+  return React__default.createElement("div", {
+    className: styles.body,
+    ref: drawerContext.bodyRef
+  }, React__default.createElement("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.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.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 = useCallback(() => {
+    drawerTriggerContext.state.close();
+  }, [drawerTriggerContext.state]);
+  if (!drawerTriggerContext.isDismissable) {
+    return null;
+  }
+  return React__default.createElement("button", {
+    className: styles.closeButton,
+    onClick: handleClick
+  }, React__default.createElement(Text, {
+    visuallyHidden: true
+  }, "Close drawer"), React__default.createElement(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__default.useRef(null);
+  const underlayBgRef = React__default.useRef(null);
+  const { modalProps, underlayProps } = $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 React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement(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
+    }
+  }, React__default.createElement("div", __spreadValues({
+    ref: underlayBgRef,
+    className: styles.underlayBg
+  }, underlayProps), React__default.createElement(CSSTransition, {
+    in: state.isOpen,
+    appear: true,
+    nodeRef: ref,
+    addEndListener: createAnimationEndListener(ref),
+    classNames: {
+      appear: styles.underlayBoxAppear,
+      appearDone: styles.underlayBoxDone,
+      exit: styles.underlayBoxExit
+    }
+  }, React__default.createElement("div", __spreadProps(__spreadValues({}, modalProps), {
+    ref,
+    className: styles.underlayBox
+  }), children)))));
+}
+function DrawerContainer(props) {
+  const { children, isDismissable = true, onDismiss = () => {
+  } } = props;
+  const existingDrawerTriggerContext = useContext(DrawerTriggerContext);
+  if (existingDrawerTriggerContext) {
+    throw new Error("Drawer.Container must be used outside of a Drawer.Trigger");
+  }
+  const childArray = React__default.Children.toArray(children);
+  if (childArray.length > 1) {
+    throw new Error("Only a single child can be passed to ModalContainer.");
+  }
+  const [lastChild, setLastChild] = useState(null);
+  let child = null;
+  if (Array.isArray(children)) {
+    child = children.find(React__default.isValidElement);
+  } else if (React__default.isValidElement(children)) {
+    child = children;
+  }
+  if (child && child !== lastChild) {
+    setLastChild(child);
+  }
+  const state = $fc909762b330b746$export$61c6a8c84e605fb6({
+    isOpen: Boolean(child),
+    onOpenChange: (isOpen) => {
+      if (!isOpen) {
+        onDismiss();
+      }
+    }
+  });
+  const { overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state);
+  const [animationExited, setAnimationExited] = useState(!state.isOpen);
+  const context = useMemo(() => {
+    return {
+      state,
+      isDismissable
+    };
+  }, [state, isDismissable]);
+  return React__default.createElement(DrawerTriggerContext.Provider, {
+    value: context
+  }, (state.isOpen || !animationExited) && React__default.createElement(DrawerUnderlay, {
+    setAnimationExited,
+    state,
+    isDismissable
+  }, lastChild ? cloneElement(lastChild, overlayProps) : null));
+}
+function DrawerBanneredContentArea(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles.banneredContentArea
+  }, children);
+}
+function DrawerStandaloneContentArea(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles.standaloneContentArea
+  }, children);
+}
+function DrawerHeader(props) {
+  const { children } = props;
+  const drawerContext = useDrawerContext();
+  const className = classNames(styles.header, drawerContext.isHeaderStuck && styles.stuck);
+  return React__default.createElement("div", {
+    className
+  }, children);
+}
+function DrawerTitle(props) {
+  const drawerContext = useDrawerContext();
+  return React__default.createElement(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 = $fc909762b330b746$export$61c6a8c84e605fb6(inTriggerProps);
+  const { triggerProps, overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state);
+  const [animationExited, setAnimationExited] = 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 = useMemo(() => {
+    return {
+      state,
+      isDismissable
+    };
+  }, [isDismissable, state]);
+  return React__default.createElement(DrawerTriggerContext.Provider, {
+    value: context
+  }, cloneElement(trigger, triggerProps), (state.isOpen || !animationExited) && React__default.createElement(DrawerUnderlay, __spreadProps(__spreadValues({
+    setAnimationExited
+  }, props), {
+    state
+  }), cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)));
+}
+function useIntersectionDetection(targetRef, scrollRef) {
+  const [isStuck, setIsStuck] = useState(false);
+  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 = useRef(null);
+  const headerInterceptorRef = useRef(null);
+  const isHeaderStuck = useIntersectionDetection(headerInterceptorRef, bodyRef);
+  const dialogRef = React__default.useRef(null);
+  const { dialogProps, titleProps } = $40df3f8667284809$export$d55e7ee900f34e93({
+    role: "dialog"
+  }, dialogRef);
+  const context = useMemo(() => {
+    return {
+      bodyRef,
+      headerInterceptorRef,
+      isHeaderStuck,
+      dialogProps,
+      titleProps
+    };
+  }, [dialogProps, isHeaderStuck, titleProps]);
+  const className = classNames(styles.Drawer);
+  return React__default.createElement(DrawerContext.Provider, {
+    value: context
+  }, React__default.createElement("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;
+export {
+  Drawer,
+  DrawerContainer,
+  useDrawerTrigger
+};

package/Drawer/useIntersectionDetection.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from "react";
+/**
+ * Detects when an element is intersecting with a scroll root.
+ *
+ * @param targetRef The target element to observe
+ * @param scrollRef The scroll root to check against
+ * @returns when element is intersecting
+ */
+export declare function useIntersectionDetection(targetRef: RefObject<HTMLDivElement>, scrollRef: RefObject<HTMLDivElement>): boolean;
+//# sourceMappingURL=useIntersectionDetection.d.ts.map

package/Drawer/useIntersectionDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionDetection.d.ts","sourceRoot":"","sources":["../../src/Drawer/useIntersectionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,EACpC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,WAwBrC"}

package/DropdownButton/DropdownButton.d.ts

@@ -62,11 +62,11 @@ export type DropdownButtonProps = AriaButtonProps & {
  */
 export declare const DropdownButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
     /** Button color */
-    color?: ButtonColor | undefined;
+    color?: ButtonColor;
     /** Button variant */
-    variant?: DropdownButtonVariant | undefined;
+    variant?: DropdownButtonVariant;
     /** Disables button */
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
     /** Content inside button  */
     children?: ReactNode;
 } & React.RefAttributes<null>>;

package/DropdownButton/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,cAAc;IA1DzB,mBAAmB;;IAEnB,qBAAqB;;IAErB,sBAAsB;;IAEtB,6BAA6B;eAClB,SAAS;8BAgFrB,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,cAAc;IA1DzB,mBAAmB;YACX,WAAW;IACnB,qBAAqB;cACX,qBAAqB;IAC/B,sBAAsB;iBACT,OAAO;IACpB,6BAA6B;eAClB,SAAS;8BAgFrB,CAAC"}

package/DropdownButton/DropdownButton.stories.d.ts

@@ -3,10 +3,10 @@ import { DropdownButton } from "./DropdownButton";
 type Story = StoryObj<typeof DropdownButton>;
 declare const meta: Meta<typeof DropdownButton>;
 export default meta;
-export declare const Controls: Story;
-export declare const FilledButtons: Story;
-export declare const OutlinedButtons: Story;
-export declare const InverseButtons: Story;
-export declare const DisabledButtons: Story;
+export declare const Filled: Story;
+export declare const Outlined: Story;
+export declare const Inverse: Story;
+export declare const Disabled: Story;
 export declare const ClickEvent: Story;
+export declare const Controls: Story;
 //# sourceMappingURL=DropdownButton.stories.d.ts.map

package/DropdownButton/DropdownButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.stories.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAEvE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAQrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAG5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC"}
+{"version":3,"file":"DropdownButton.stories.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAEvE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAQrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAMF,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}

package/DropdownButton/index.js

@@ -28,25 +28,22 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ExpandMore400 = require("../__chunks__/ExpandMore400-92646971.js");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
 const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-5f429325.js");
-const Icon_index = require("../Icon/index.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DaRYVyfB.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-a1e0f814.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-26676303.js");
-const DropdownButton$1 = "_DropdownButton_15geh_5";
-const colorPrimary = "_colorPrimary_15geh_26";
-const colorSecondary = "_colorSecondary_15geh_34";
-const colorSuccess = "_colorSuccess_15geh_42";
-const colorWarning = "_colorWarning_15geh_50";
-const colorNeutral = "_colorNeutral_15geh_58";
-const colorSupport = "_colorSupport_15geh_66";
-const colorInverse = "_colorInverse_15geh_72";
-const variantOutlined = "_variantOutlined_15geh_78";
-const variantFilled = "_variantFilled_15geh_109";
-const pipeSeparator = "_pipeSeparator_15geh_136";
+const DropdownButton$1 = "_DropdownButton_hi2tk_4";
+const colorPrimary = "_colorPrimary_hi2tk_25";
+const colorSecondary = "_colorSecondary_hi2tk_33";
+const colorSuccess = "_colorSuccess_hi2tk_41";
+const colorWarning = "_colorWarning_hi2tk_49";
+const colorNeutral = "_colorNeutral_hi2tk_57";
+const colorSupport = "_colorSupport_hi2tk_65";
+const colorInverse = "_colorInverse_hi2tk_71";
+const variantOutlined = "_variantOutlined_hi2tk_77";
+const variantFilled = "_variantFilled_hi2tk_106";
+const pipeSeparator = "_pipeSeparator_hi2tk_133";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,
@@ -62,14 +59,14 @@ const styles = {
 };
 const DropdownButton = React.forwardRef((props, inRef) => {
   const _a = props, { color = "primary", variant = "filled", isDisabled = false, children = "Button" } = _a, restProps = __objRest(_a, ["color", "variant", "isDisabled", "children"]);
-  UnstyledButton_index.logWarningIfInvalidColorVariantCombination(color, variant);
-  return React.createElement(UnstyledButton_index.UnstyledButton, __spreadValues({
+  UnstyledButton.logWarningIfInvalidColorVariantCombination(color, variant);
+  return React.createElement(UnstyledButton.UnstyledButton, __spreadValues({
     isDisabled,
     ref: inRef,
     className: utilities_css.classNames(styles.DropdownButton, styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("color", color)])
   }, restProps), React.createElement("span", null, children), React.createElement("span", {
     className: utilities_css.classNames(styles.pipeSeparator)
-  }), React.createElement(Icon_index.Icon, {
+  }), React.createElement(Icon.Icon, {
     symbol: ExpandMore400.ExpandMore400
   }));
 });

package/DropdownButton/index.mjs

@@ -26,25 +26,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-7c5263a4.mjs";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
 import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-45f05366.mjs";
-import { Icon } from "../Icon/index.mjs";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-CbCwVIkK.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3faba3a6.mjs";
-const DropdownButton$1 = "_DropdownButton_15geh_5";
-const colorPrimary = "_colorPrimary_15geh_26";
-const colorSecondary = "_colorSecondary_15geh_34";
-const colorSuccess = "_colorSuccess_15geh_42";
-const colorWarning = "_colorWarning_15geh_50";
-const colorNeutral = "_colorNeutral_15geh_58";
-const colorSupport = "_colorSupport_15geh_66";
-const colorInverse = "_colorInverse_15geh_72";
-const variantOutlined = "_variantOutlined_15geh_78";
-const variantFilled = "_variantFilled_15geh_109";
-const pipeSeparator = "_pipeSeparator_15geh_136";
+const DropdownButton$1 = "_DropdownButton_hi2tk_4";
+const colorPrimary = "_colorPrimary_hi2tk_25";
+const colorSecondary = "_colorSecondary_hi2tk_33";
+const colorSuccess = "_colorSuccess_hi2tk_41";
+const colorWarning = "_colorWarning_hi2tk_49";
+const colorNeutral = "_colorNeutral_hi2tk_57";
+const colorSupport = "_colorSupport_hi2tk_65";
+const colorInverse = "_colorInverse_hi2tk_71";
+const variantOutlined = "_variantOutlined_hi2tk_77";
+const variantFilled = "_variantFilled_hi2tk_106";
+const pipeSeparator = "_pipeSeparator_hi2tk_133";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,

package/EmptyStateCard/EmptyStateCard.d.ts

@@ -0,0 +1,87 @@
+import React, { ReactNode } from "react";
+import { TextProps } from "../Text";
+import { CardProps } from "../Card";
+import { VerticalStackProps } from "../VerticalStack";
+import { HorizontalStackProps } from "../HorizontalStack";
+export type EmptyStateCardProps = CardProps & {
+    /**
+     * The children of the <EmptyStateCard> element.
+     */
+    children: ReactNode;
+};
+/**
+ * An `<EmptyStateCard />` is a styled container designed to display
+ * relevant information when there is no nearby data to display.
+ *
+ * @remarks
+ * Supports custom spacing and alignment between elements and multiple sections.
+ *
+ * @example
+ * _Basic:_
+ * ```tsx
+ * <EmptyStateCard>
+ *  <EmptyStateCard.Section>
+ *    <EmptyStateCard.TextGroup>
+ *      <EmptyStateCard.HeaderText>
+ *        Shipment Insurance
+ *      </EmptyStateCard.HeaderText>
+ *      <EmptyStateCard.BodyText>
+ *        Rest easy knowing if one of your customers orders is damaged, lost
+ *        in transit or stolen you are covered! Automatically add insurance
+ *        to all your shipments
+ *      </EmptyStateCard.BodyText>
+ *    </EmptyStateCard.TextGroup>
+ *    <EmptyStateCard.ActionGroup>
+ *      <Button>Manage Insurance Settings</Button>
+ *    </EmptyStateCard.ActionGroup>
+ *  </EmptyStateCard.Section>
+ * </EmptyStateCard>
+ * ```
+ *
+ * @example
+ * _Alignment:_
+ * ```tsx
+ * <EmptyStateCard>
+ *  <EmptyStateCard.Section inlineAlign="center">
+ *    <EmptyStateCard.TextGroup gap="2">
+ *      <EmptyStateCard.HeaderText>
+ *        Shipment Insurance
+ *      </EmptyStateCard.HeaderText>
+ *      <EmptyStateCard.BodyText>
+ *        Rest easy knowing if one of your customers orders is damaged, lost
+ *        in transit or stolen you are covered! Automatically add insurance
+ *        to all your shipments
+ *      </EmptyStateCard.BodyText>
+ *    </EmptyStateCard.TextGroup>
+ *    <EmptyStateCard.ActionGroup>
+ *      <Button>Manage Insurance Settings</Button>
+ *    </EmptyStateCard.ActionGroup>
+ *  </EmptyStateCard.Section>
+ * </EmptyStateCard>
+ * ```
+ */
+export declare function EmptyStateCard(props: EmptyStateCardProps): React.JSX.Element;
+export declare namespace EmptyStateCard {
+    var displayName: string;
+    var MultiSection: typeof EmptyStateCardMultiSection;
+    var Section: typeof EmptyStateCardSection;
+    var TextGroup: typeof EmptyStateCardTextGroup;
+    var HeaderText: typeof EmptyStateCardHeaderText;
+    var BodyText: typeof EmptyStateCardBodyText;
+    var ActionGroup: typeof EmptyStateCardActionGroup;
+}
+declare function EmptyStateCardMultiSection(props: HorizontalStackProps): React.JSX.Element;
+export type EmptyStateCardSectionProps = VerticalStackProps & {
+    /**
+     * Renders a section with a decorative background.
+     * @default false
+     */
+    hasDecorativeBackground?: boolean;
+};
+declare function EmptyStateCardSection(props: EmptyStateCardSectionProps): React.JSX.Element;
+declare function EmptyStateCardTextGroup(props: VerticalStackProps): React.JSX.Element;
+declare function EmptyStateCardActionGroup(props: HorizontalStackProps): React.JSX.Element;
+declare function EmptyStateCardHeaderText(props: TextProps): React.JSX.Element;
+declare function EmptyStateCardBodyText(props: TextProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EmptyStateCard.d.ts.map

package/EmptyStateCard/EmptyStateCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateCard.d.ts","sourceRoot":"","sources":["../../src/EmptyStateCard/EmptyStateCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAmB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAM3E,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAexD;yBAfe,cAAc;;;;;;;;;AAiB9B,iBAAS,0BAA0B,CAAC,KAAK,EAAE,oBAAoB,qBAa9D;AAED,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG;IAC5D;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAyC/D;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,kBAAkB,qBAOzD;AAED,iBAAS,yBAAyB,CAAC,KAAK,EAAE,oBAAoB,qBAO7D;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,SAAS,qBAQjD;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,SAAS,qBAQ/C"}

package/EmptyStateCard/EmptyStateCard.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { EmptyStateCard } from "./EmptyStateCard";
+type Story = StoryObj<typeof EmptyStateCard>;
+declare const meta: Meta<typeof EmptyStateCard>;
+export default meta;
+export declare const Simple: Story;
+export declare const Alignment: Story;
+export declare const Decorative: Story;
+export declare const Custom: Story;
+//# sourceMappingURL=EmptyStateCard.stories.d.ts.map

package/EmptyStateCard/EmptyStateCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateCard.stories.d.ts","sourceRoot":"","sources":["../../src/EmptyStateCard/EmptyStateCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAIvE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAO7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAGrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,KAqBpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA8BpB,CAAC"}

package/EmptyStateCard/EmptyStateCard.test.d.ts

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

package/EmptyStateCard/EmptyStateCard.test.d.ts.map

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

package/EmptyStateCard/index.d.ts

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

package/EmptyStateCard/index.d.ts.map

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