@hopper-ui/components 1.5.11 → 1.5.13

package/dist/chunk-TNLYOFSX.js

@@ -0,0 +1,146 @@
+import { _Spinner } from './chunk-DQT6VAIZ.js';
+import { IconListContext } from './chunk-GBWXEK6N.js';
+import { useFormProps } from './chunk-YMTZYK3U.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { ensureTextWrapper } from './chunk-WPIH4OAE.js';
+import { TextContext } from './chunk-ZNOU2CGM.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useState, useEffect } from 'react';
+import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Button.module.css#css-module
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___xiJh7", "hop-Button--fluid": "Button-module__hop-Button--fluid___VOQAE", "hop-Button--sm": "Button-module__hop-Button--sm___Wul7x", "hop-Button--md": "Button-module__hop-Button--md___e-Ko-", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___MFz57", "hop-Button--primary": "Button-module__hop-Button--primary___RKI1i", "hop-Button--secondary": "Button-module__hop-Button--secondary___wqqJQ", "hop-Button--upsell": "Button-module__hop-Button--upsell___VMpcZ", "hop-Button--danger": "Button-module__hop-Button--danger___O-jr8", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___FnZSg", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___iqNgt", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___qB-Df", "hop-Button--loading": "Button-module__hop-Button--loading___MgNaX", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___NRYSd", "hop-Button__icon": "Button-module__hop-Button__icon___U--U8", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___jk-eg", "hop-Button__text": "Button-module__hop-Button__text___1vQg7", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___DarhX", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___3saKU" };
+var GlobalButtonCssSelector = "hop-Button";
+function Button(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, ButtonContext);
+  props = useFormProps(props);
+  const [isProgressVisible, setIsProgressVisible] = useState(false);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const stringFormatter = useLocalizedString();
+  const {
+    className,
+    children: childrenProp,
+    size: sizeProp,
+    isFluid: isFluidProp,
+    variant = "primary",
+    isLoading,
+    style: styleProp,
+    spinnerProps,
+    ...otherProps
+  } = ownProps;
+  const [textRef, hasText] = useSlot();
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalButtonCssSelector,
+    cssModule(
+      Button_module_default,
+      "hop-Button",
+      variant,
+      size,
+      isFluid && "fluid",
+      isProgressVisible && "loading",
+      !hasText && "icon-only"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return ensureTextWrapper(prev);
+  });
+  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
+  const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
+  useEffect(() => {
+    let timeout;
+    if (isLoading) {
+      timeout = setTimeout(() => {
+        setIsProgressVisible(true);
+      }, 1e3);
+    } else {
+      setIsProgressVisible(false);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isLoading, setIsProgressVisible]);
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [IconListContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              size,
+              className: Button_module_default["hop-Button__icon-list"]
+            },
+            "end-icon": {
+              size,
+              className: Button_module_default["hop-Button__end-icon-list"]
+            }
+          }
+        }],
+        [IconContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              size,
+              className: Button_module_default["hop-Button__icon"]
+            },
+            "end-icon": {
+              size,
+              className: Button_module_default["hop-Button__end-icon"]
+            }
+          }
+        }],
+        [TextContext, {
+          className: Button_module_default["hop-Button__text"],
+          size,
+          ref: textRef
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          ref,
+          slot: props.slot || void 0,
+          className: classNames,
+          style,
+          isPending: isLoading,
+          ...otherProps,
+          children: (buttonRenderProps) => {
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              children(buttonRenderProps),
+              isProgressVisible && /* @__PURE__ */ jsx(
+                _Spinner,
+                {
+                  "aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
+                  size,
+                  className: spinnerClassNames,
+                  ...otherSpinnerProps
+                }
+              )
+            ] });
+          }
+        }
+      )
+    }
+  );
+}
+var _Button = slot("button", forwardRef(Button));
+_Button.displayName = "Button";
+
+export { GlobalButtonCssSelector, _Button };

package/dist/chunk-TWKILUSS.js

@@ -0,0 +1,100 @@
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { _Text } from './chunk-LKH3JL3P.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useSlotId } from '@react-aria/utils';
+import { forwardRef } from 'react';
+import { mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./SwitchField.module.css#css-module
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___-04Ks", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___BZEWm", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___kWRY3", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___W-i6v", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___6LExG" };
+var GlobalSwitchFieldCssSelector = "hop-SwitchField";
+var SwitchToDescriptionSizeAdapter = {
+  sm: "xs",
+  md: "sm"
+};
+function SwitchField(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SwitchFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    description,
+    isDisabled,
+    size: sizeProp = "md",
+    slot,
+    style,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const descriptionId = useSlotId([Boolean(description)]);
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSwitchFieldCssSelector,
+    cssModule(
+      SwitchField_module_default,
+      "hop-SwitchField",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    },
+    ...otherProps
+  });
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [SwitchContext, {
+          className: SwitchField_module_default["hop-SwitchField__switch"],
+          size,
+          isDisabled,
+          "aria-describedby": descriptionId
+        }]
+      ],
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          slot: slot != null ? slot : void 0,
+          "data-disabled": isDisabled,
+          ...mergeProps(renderProps, otherProps),
+          children: [
+            renderProps.children,
+            description && /* @__PURE__ */ jsx(
+              _Text,
+              {
+                id: descriptionId,
+                className: SwitchField_module_default["hop-SwitchField__description"],
+                size: SwitchToDescriptionSizeAdapter[size],
+                slot: "description",
+                children: description
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var _SwitchField = forwardRef(SwitchField);
+_SwitchField.displayName = "SwitchField";
+
+export { GlobalSwitchFieldCssSelector, _SwitchField };

package/dist/chunk-TZEU4NKY.js

@@ -0,0 +1,124 @@
+import { CalloutContext } from './chunk-5CURYPE7.js';
+import { HeadingContext } from './chunk-WJRMD4JP.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { _CloseButton } from './chunk-ND5XR6RA.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { InfoRichIcon, UpsellRichIcon, SuccessRichIcon, CautionRichIcon, RichIconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useMemo } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./Callout.module.css#css-module
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___QZyUP", "hop-Callout__icon": "Callout-module__hop-Callout__icon___U3ege", "hop-Callout__heading": "Callout-module__hop-Callout__heading___uV6BD", "hop-Callout__content": "Callout-module__hop-Callout__content___CL-HC", "hop-Callout__button": "Callout-module__hop-Callout__button___LPu-m", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___RUcDd", "hop-Callout--information": "Callout-module__hop-Callout--information___tlr-n", "hop-Callout--success": "Callout-module__hop-Callout--success___SvPC-", "hop-Callout--warning": "Callout-module__hop-Callout--warning___x9eaM", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___JM6h4", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___kIr-f" };
+var GlobalCalloutCssSelector = "hop-Callout";
+var Callout = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, CalloutContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    hideIcon: hideIconProp,
+    onClose,
+    fillStyle = "border",
+    variant = "information",
+    ...otherProps
+  } = ownProps;
+  const hideIcon = useResponsiveValue(hideIconProp);
+  const [iconRef, hasIcon] = useSlot();
+  const classNames = clsx(
+    GlobalCalloutCssSelector,
+    cssModule(
+      Callout_module_default,
+      "hop-Callout",
+      variant,
+      fillStyle === "subtleFill" && "subtle-fill"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const icon = useMemo(() => {
+    if (hideIcon) {
+      return null;
+    }
+    switch (variant) {
+      case "warning":
+        return /* @__PURE__ */ jsx(CautionRichIcon, {});
+      case "success":
+        return /* @__PURE__ */ jsx(SuccessRichIcon, {});
+      case "upsell":
+        return /* @__PURE__ */ jsx(UpsellRichIcon, {});
+      default:
+        return /* @__PURE__ */ jsx(InfoRichIcon, {});
+    }
+  }, [hideIcon, variant]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      ...otherProps,
+      children: /* @__PURE__ */ jsxs(
+        SlotProvider,
+        {
+          values: [
+            [HeadingContext, {
+              className: Callout_module_default["hop-Callout__heading"]
+            }],
+            [ContentContext, {
+              className: Callout_module_default["hop-Callout__content"]
+            }],
+            [LinkButtonContext, {
+              className: Callout_module_default["hop-Callout__button"],
+              variant: "secondary"
+            }],
+            [ButtonContext, {
+              className: Callout_module_default["hop-Callout__button"],
+              variant: "secondary"
+            }],
+            [RichIconContext, {
+              className: Callout_module_default["hop-Callout__icon"],
+              variant,
+              size: "xl"
+            }]
+          ],
+          children: [
+            !hasIcon && icon,
+            /* @__PURE__ */ jsx(
+              SlotProvider,
+              {
+                values: [
+                  [RichIconContext, {
+                    className: Callout_module_default["hop-Callout__icon"],
+                    variant,
+                    size: "xl",
+                    ref: iconRef
+                  }]
+                ],
+                children
+              }
+            ),
+            onClose && /* @__PURE__ */ jsx(_CloseButton, { size: "sm", className: Callout_module_default["hop-Callout__dismiss"], onPress: onClose })
+          ]
+        }
+      )
+    }
+  );
+};
+var _Callout = forwardRef(Callout);
+_Callout.displayName = "Callout";
+
+export { GlobalCalloutCssSelector, _Callout };

package/dist/chunk-U4HRZ6DN.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/disclosure/src/DisclosureContext.ts
+var DisclosureContext = createContext({});
+DisclosureContext.displayName = "DisclosureContext";
+
+export { DisclosureContext };

package/dist/chunk-UYYHPXUH.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/form/src/FormContext.ts
+var FormContext = createContext(null);
+FormContext.displayName = "FormContext";
+
+export { FormContext };

package/dist/chunk-V53G7BNL.js

@@ -0,0 +1,74 @@
+import { cssModule } from './chunk-KVDXQMWI.js';
+import clsx from 'clsx';
+import { useContext, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import { TabListStateContext } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TabLine.module.css#css-module
+var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___CsMjv", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___B2gGx" };
+var GlobalTabLineCssSelector = "hop-TabLine";
+function TabLine(props) {
+  var _a;
+  const { selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
+  const state = useContext(TabListStateContext);
+  const [isDisabled, setIsDisabled] = useState(false);
+  useEffect(() => {
+    const disabled = isTabsDisabled || isAllTabsDisabled(state == null ? void 0 : state.collection, disabledKeys ? new Set(disabledKeys) : /* @__PURE__ */ new Set(null));
+    setIsDisabled(disabled);
+  }, [state == null ? void 0 : state.collection, disabledKeys, isTabsDisabled, setIsDisabled]);
+  const [style, setStyle] = useState({
+    transform: void 0,
+    width: void 0,
+    height: void 0
+  });
+  const onResize = useCallback(() => {
+    if (selectedTab) {
+      const styleObj = {
+        transform: void 0,
+        width: void 0,
+        height: void 0
+      };
+      const offset = selectedTab.offsetLeft;
+      styleObj.transform = `translateX(calc(${offset}px + var(--hop-space-inset-sm)))`;
+      styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * var(--hop-space-inset-sm))`;
+      setStyle(styleObj);
+    }
+  }, [setStyle, selectedTab]);
+  useEffect(() => {
+    window.addEventListener("resize", onResize, false);
+    return () => {
+      window.removeEventListener("resize", onResize, false);
+    };
+  }, [onResize]);
+  useLayoutEffect(() => {
+    onResize();
+  }, [onResize, (_a = state == null ? void 0 : state.selectedItem) == null ? void 0 : _a.key]);
+  const classNames = clsx(
+    GlobalTabLineCssSelector,
+    cssModule(
+      TabLine_module_default,
+      "hop-TabLine",
+      isDisabled && "disabled"
+    )
+  );
+  return /* @__PURE__ */ jsx("div", { style: { ...style }, className: classNames });
+}
+function isAllTabsDisabled(collection, disabledKeys) {
+  var _a, _b;
+  let testKey = null;
+  if (collection && collection.size > 0) {
+    testKey = collection.getFirstKey();
+    let index = 0;
+    while (testKey && index < collection.size) {
+      if (!disabledKeys.has(testKey) && !((_b = (_a = collection.getItem(testKey)) == null ? void 0 : _a.props) == null ? void 0 : _b.isDisabled)) {
+        return false;
+      }
+      testKey = collection.getKeyAfter(testKey);
+      index++;
+    }
+    return true;
+  }
+  return false;
+}
+
+export { GlobalTabLineCssSelector, TabLine };

package/dist/chunk-VJBJDRCA.js

@@ -0,0 +1,131 @@
+import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { _Label } from './chunk-SA322LHS.js';
+import { _HelperMessage } from './chunk-HANWII4T.js';
+import { _ErrorMessage } from './chunk-CFXK2ZSA.js';
+import { useFormProps } from './chunk-YMTZYK3U.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as TagGroup$1, TagList } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./TagGroup.module.css#css-module
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___IKZOO", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___GX-vm", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___7RyZs", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___hgABl", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___OewW-" };
+var GlobalTagGroupCssSelector = "hop-TagGroup";
+function TagGroup(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TagGroupContext);
+  props = useFormProps(props);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    description,
+    errorMessage,
+    isInvalid = false,
+    items,
+    label,
+    necessityIndicator,
+    renderEmptyState,
+    style: styleProp,
+    size: sizeProp,
+    tagListProps,
+    variant,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const { stylingProps: tagListStylingProps, ...tagListOwnProps } = useStyledSystem(tagListProps != null ? tagListProps : {});
+  const {
+    className: tagListClassName,
+    style: tagListStyleProp,
+    ...otherTagListProps
+  } = tagListOwnProps;
+  const classNames = clsx(
+    className,
+    GlobalTagGroupCssSelector,
+    stylingProps.className,
+    cssModule(
+      TagGroup_module_default,
+      "hop-TagGroup",
+      size
+    )
+  );
+  const tagListClassNames = composeClassnameRenderProps(
+    tagListClassName,
+    cssModule(
+      TagGroup_module_default,
+      "hop-TagGroup__list",
+      size
+    ),
+    tagListStylingProps.className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  const tagListStyle = composeRenderProps(tagListStyleProp, (prev) => {
+    return {
+      ...tagListStylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    InternalTagGroupContext.Provider,
+    {
+      value: {
+        isInGroup: true
+      },
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [TagContext, {
+              className: TagGroup_module_default["hop-TagGroup__tag"],
+              isInvalid,
+              size,
+              variant
+            }],
+            [FieldErrorContext, {
+              isInvalid,
+              validationErrors: [],
+              validationDetails: {}
+            }]
+          ],
+          children: /* @__PURE__ */ jsxs(
+            TagGroup$1,
+            {
+              ref,
+              className: classNames,
+              style,
+              ...otherProps,
+              children: [
+                label && /* @__PURE__ */ jsx(_Label, { className: TagGroup_module_default["hop-TagGroup__Label"], necessityIndicator, children: label }),
+                /* @__PURE__ */ jsx(
+                  TagList,
+                  {
+                    items,
+                    renderEmptyState,
+                    className: tagListClassNames,
+                    style: tagListStyle,
+                    ...otherTagListProps,
+                    children
+                  }
+                ),
+                description && /* @__PURE__ */ jsx(_HelperMessage, { className: TagGroup_module_default["hop-TagGroup__error-message"], hideIcon: true, children: description }),
+                /* @__PURE__ */ jsx(_ErrorMessage, { className: TagGroup_module_default["hop-TagGroup__helper-message"], hideIcon: true, children: errorMessage })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var _TagGroup = forwardRef(TagGroup);
+_TagGroup.displayName = "TagGroup";
+
+export { GlobalTagGroupCssSelector, _TagGroup };

package/dist/chunk-VS3PE4S6.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/segmented-control/src/SegmentedControlItemContext.ts
+var SegmentedControlItemContext = createContext({});
+SegmentedControlItemContext.displayName = "SegmentedControlItemContext";
+
+export { SegmentedControlItemContext };

package/dist/chunk-W4TCUPPA.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/illustrated-message/src/IllustratedMessageContext.ts
+var IllustratedMessageContext = createContext({});
+IllustratedMessageContext.displayName = "IllustratedMessageContext";
+
+export { IllustratedMessageContext };