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

package/Drawer/index.mjs

@@ -0,0 +1,387 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+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-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-BmYXH7rq.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Dkjxuk6V.mjs";
+import { C as CSSTransition } from "../__chunks__/CSSTransition-DZuEb-M0.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-CIVwezu3.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-nKMoC_Cs.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 jsx("div", {
+    className,
+    children: 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 jsxs("div", {
+    className: styles.body,
+    ref: drawerContext.bodyRef,
+    children: [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.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 jsxs("button", {
+    className: styles.closeButton,
+    onClick: handleClick,
+    children: [jsx(Text, {
+      visuallyHidden: true,
+      children: "Close drawer"
+    }), jsx(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 jsx($337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: jsx(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: jsx("div", __spreadProps(__spreadValues({
+        ref: underlayBgRef,
+        className: styles.underlayBg
+      }, underlayProps), {
+        children: jsx(CSSTransition, {
+          in: state.isOpen,
+          appear: true,
+          nodeRef: ref,
+          addEndListener: createAnimationEndListener(ref),
+          classNames: {
+            appear: styles.underlayBoxAppear,
+            appearDone: styles.underlayBoxDone,
+            exit: styles.underlayBoxExit
+          },
+          children: jsx("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 jsx(DrawerTriggerContext.Provider, {
+    value: context,
+    children: (state.isOpen || !animationExited) && jsx(DrawerUnderlay, {
+      setAnimationExited,
+      state,
+      isDismissable,
+      children: lastChild ? cloneElement(lastChild, overlayProps) : null
+    })
+  });
+}
+function DrawerBanneredContentArea(props) {
+  const { children } = props;
+  return jsx("div", {
+    className: styles.banneredContentArea,
+    children
+  });
+}
+function DrawerStandaloneContentArea(props) {
+  const { children } = props;
+  return jsx("div", {
+    className: styles.standaloneContentArea,
+    children
+  });
+}
+function DrawerHeader(props) {
+  const { children } = props;
+  const drawerContext = useDrawerContext();
+  const className = classNames(styles.header, drawerContext.isHeaderStuck && styles.stuck);
+  return jsx("div", {
+    className,
+    children
+  });
+}
+function DrawerTitle(props) {
+  const drawerContext = useDrawerContext();
+  return jsx(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 jsxs(DrawerTriggerContext.Provider, {
+    value: context,
+    children: [cloneElement(trigger, triggerProps), (state.isOpen || !animationExited) && jsx(DrawerUnderlay, __spreadProps(__spreadValues({
+      setAnimationExited
+    }, props), {
+      state,
+      children: 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 jsx(DrawerContext.Provider, {
+    value: context,
+    children: 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;
+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 | null>, scrollRef: RefObject<HTMLDivElement | null>): 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,GAAG,IAAI,CAAC,EAC3C,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,WAwB5C"}

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

@@ -1,12 +1,12 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 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,uBAAuB,CAAC;AAQvD,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

@@ -1,5 +1,7 @@
 "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;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -28,25 +31,23 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ExpandMore400 = require("../__chunks__/ExpandMore400-92646971.js");
+const jsxRuntime = require("react/jsx-runtime");
+const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
 const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-fd91868d.js");
-const Icon_index = require("../Icon/index.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
 const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-109dab60.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-313d3d73.js");
-const DropdownButton$1 = "_DropdownButton_10pon_5";
-const colorPrimary = "_colorPrimary_10pon_26";
-const colorSecondary = "_colorSecondary_10pon_34";
-const colorSuccess = "_colorSuccess_10pon_42";
-const colorWarning = "_colorWarning_10pon_50";
-const colorNeutral = "_colorNeutral_10pon_58";
-const colorSupport = "_colorSupport_10pon_66";
-const colorInverse = "_colorInverse_10pon_72";
-const variantOutlined = "_variantOutlined_10pon_78";
-const variantFilled = "_variantFilled_10pon_109";
-const pipeSeparator = "_pipeSeparator_10pon_137";
+const DropdownButton$1 = "_DropdownButton_19mzy_4";
+const colorPrimary = "_colorPrimary_19mzy_24";
+const colorSecondary = "_colorSecondary_19mzy_32";
+const colorSuccess = "_colorSuccess_19mzy_40";
+const colorWarning = "_colorWarning_19mzy_48";
+const colorNeutral = "_colorNeutral_19mzy_56";
+const colorSupport = "_colorSupport_19mzy_64";
+const colorInverse = "_colorInverse_19mzy_70";
+const variantOutlined = "_variantOutlined_19mzy_78";
+const variantFilled = "_variantFilled_19mzy_107";
+const pipeSeparator = "_pipeSeparator_19mzy_134";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,
@@ -62,15 +63,19 @@ 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 jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__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, {
-    symbol: ExpandMore400.ExpandMore400
+  }, restProps), {
+    children: [jsxRuntime.jsx("span", {
+      children
+    }), jsxRuntime.jsx("span", {
+      className: utilities_css.classNames(styles.pipeSeparator)
+    }), jsxRuntime.jsx(Icon.Icon, {
+      symbol: ExpandMore400.ExpandMore400
+    })]
   }));
 });
 DropdownButton.displayName = "DropdownButton";

package/DropdownButton/index.mjs

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,25 +29,23 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-7c5263a4.mjs";
-import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-307aca2b.mjs";
-import { Icon } from "../Icon/index.mjs";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
+import { forwardRef } from "react";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import "../__chunks__/import-1f82f104.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3306af6d.mjs";
-const DropdownButton$1 = "_DropdownButton_10pon_5";
-const colorPrimary = "_colorPrimary_10pon_26";
-const colorSecondary = "_colorSecondary_10pon_34";
-const colorSuccess = "_colorSuccess_10pon_42";
-const colorWarning = "_colorWarning_10pon_50";
-const colorNeutral = "_colorNeutral_10pon_58";
-const colorSupport = "_colorSupport_10pon_66";
-const colorInverse = "_colorInverse_10pon_72";
-const variantOutlined = "_variantOutlined_10pon_78";
-const variantFilled = "_variantFilled_10pon_109";
-const pipeSeparator = "_pipeSeparator_10pon_137";
+const DropdownButton$1 = "_DropdownButton_19mzy_4";
+const colorPrimary = "_colorPrimary_19mzy_24";
+const colorSecondary = "_colorSecondary_19mzy_32";
+const colorSuccess = "_colorSuccess_19mzy_40";
+const colorWarning = "_colorWarning_19mzy_48";
+const colorNeutral = "_colorNeutral_19mzy_56";
+const colorSupport = "_colorSupport_19mzy_64";
+const colorInverse = "_colorInverse_19mzy_70";
+const variantOutlined = "_variantOutlined_19mzy_78";
+const variantFilled = "_variantFilled_19mzy_107";
+const pipeSeparator = "_pipeSeparator_19mzy_134";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,
@@ -61,14 +62,18 @@ const styles = {
 const DropdownButton = forwardRef((props, inRef) => {
   const _a = props, { color = "primary", variant = "filled", isDisabled = false, children = "Button" } = _a, restProps = __objRest(_a, ["color", "variant", "isDisabled", "children"]);
   logWarningIfInvalidColorVariantCombination(color, variant);
-  return React__default.createElement(UnstyledButton, __spreadValues({
+  return jsxs(UnstyledButton, __spreadProps(__spreadValues({
     isDisabled,
     ref: inRef,
     className: classNames(styles.DropdownButton, styles[variationName("variant", variant)], styles[variationName("color", color)])
-  }, restProps), React__default.createElement("span", null, children), React__default.createElement("span", {
-    className: classNames(styles.pipeSeparator)
-  }), React__default.createElement(Icon, {
-    symbol: ExpandMore400
+  }, restProps), {
+    children: [jsx("span", {
+      children
+    }), jsx("span", {
+      className: classNames(styles.pipeSeparator)
+    }), jsx(Icon, {
+      symbol: ExpandMore400
+    })]
   }));
 });
 DropdownButton.displayName = "DropdownButton";