@hopper-ui/components 1.5.12 → 1.5.13

package/dist/chunk-3IAYQDEZ.js

@@ -0,0 +1,167 @@
+import { useImageFallback } from './chunk-QJ5FQN3N.js';
+import { _BrokenAvatar } from './chunk-FIEPLQID.js';
+import { AvatarContext } from './chunk-FA26RZSE.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { _Text } from './chunk-LKH3JL3P.js';
+import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { filterDOMProps, mergeProps } from '@react-aria/utils';
+import { forwardRef, useMemo } from 'react';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Avatar.module.css#css-module
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___pwT6-", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___CIL7T", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___N5wai", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___3KRWO", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___GYfBm", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___uQT1c", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___UHIr7", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___JznCu", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___rS0y8", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___QDC20", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___7pt7-", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___feRPw", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___7rZA7", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___NNBws", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___6miu0", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___bd6Po", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___frF0l" };
+var GlobalAvatarCssSelector = "hop-Avatar";
+var AvatarToTextSizeAdapter = {
+  xs: "xs",
+  sm: "xs",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xl"
+};
+function getColorIndex(name, maxNumberOfColor) {
+  let hashCode = 0;
+  for (let i = name.length - 1; i >= 0; i--) {
+    const character = name.charCodeAt(i);
+    const shift = i % 8;
+    hashCode ^= (character << shift) + (character >> 8 - shift);
+  }
+  return hashCode % maxNumberOfColor;
+}
+function getColorName(name) {
+  const variantToUse = `option${getColorIndex(name, 8) + 1}`;
+  return `decorative-${variantToUse}`;
+}
+function AvatarInitials(props) {
+  var _a;
+  const {
+    name,
+    size: sizeValue
+  } = props;
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const initials = useMemo(() => {
+    const cleanName = name.replace(/\s+/g, " ").trim();
+    const [firstName, lastName] = cleanName.split(" ");
+    const letters = firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+    return size === "xs" && letters.length > 1 ? letters.charAt(0) : letters;
+  }, [name, size]);
+  return /* @__PURE__ */ jsx(
+    _Text,
+    {
+      size: AvatarToTextSizeAdapter[size],
+      children: initials
+    }
+  );
+}
+function Avatar(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, AvatarContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    "aria-label": ariaLabel,
+    fallbackSrc,
+    imageProps,
+    isDisabled,
+    name,
+    size: sizeValue,
+    slot,
+    src,
+    className,
+    style,
+    ...otherProps
+  } = ownProps;
+  const domProps = filterDOMProps(otherProps);
+  const { onError, onLoad, ...otherImageProps } = imageProps != null ? imageProps : {};
+  const { imageUrl, status } = useImageFallback({ src, fallbackSrc, onError, onLoad });
+  const imageLoaded = status === "loaded";
+  const imageFailed = status === "failed";
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const isFallbackInitials = fallbackSrc === null;
+  const isBrokenImage = imageFailed && !isFallbackInitials;
+  const isImage = src && !imageFailed && imageLoaded;
+  const isInitials = !src || !isImage && isFallbackInitials;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalAvatarCssSelector,
+    cssModule(
+      Avatar_module_default,
+      "hop-Avatar",
+      size,
+      isBrokenImage && "broken-image",
+      isImage && "image",
+      isInitials && getColorName(name)
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
+  if (isBrokenImage) {
+    return /* @__PURE__ */ jsx(
+      _BrokenAvatar,
+      {
+        ...mergeProps(domProps, renderProps),
+        "aria-label": ariaLabel != null ? ariaLabel : name,
+        isDisabled,
+        ref,
+        size,
+        slot
+      }
+    );
+  }
+  let content = null;
+  if (isInitials) {
+    content = /* @__PURE__ */ jsx(
+      AvatarInitials,
+      {
+        ...otherProps,
+        name,
+        size
+      }
+    );
+  }
+  if (imageLoaded) {
+    content = /* @__PURE__ */ jsx(
+      "img",
+      {
+        ...filterDOMProps(otherImageProps),
+        alt: "",
+        "aria-hidden": true,
+        className: Avatar_module_default["hop-Avatar__image"],
+        onError,
+        src: imageUrl
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...mergeProps(domProps, renderProps),
+      "aria-label": ariaLabel != null ? ariaLabel : name,
+      "data-disabled": isDisabled || void 0,
+      role: "img",
+      slot: slot != null ? slot : void 0,
+      ref,
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: content })
+    }
+  );
+}
+var _Avatar = slot("avatar", forwardRef(Avatar));
+_Avatar.displayName = "Avatar";
+
+export { AvatarToTextSizeAdapter, GlobalAvatarCssSelector, _Avatar };

package/dist/chunk-3M3OPDB5.js

@@ -0,0 +1,70 @@
+import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
+import { TooltipContext } from './chunk-77PD5K3M.js';
+import { ensureTextWrapper } from './chunk-WPIH4OAE.js';
+import { TextContext } from './chunk-ZNOU2CGM.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Tooltip.module.css#css-module
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___gyu8Y", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___MRzWV", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___mLgo7", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___nlDGF", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___-Lb9O", "slide": "Tooltip-module__slide___aHYPY" };
+var GlobalTooltipCssSelector = "hop-Tooltip";
+function Tooltip(props, ref) {
+  [props, ref] = useContextProps(props, ref, TooltipContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { colorScheme } = useColorSchemeContext();
+  const { containerPadding, crossOffset, offset, placement = "top", shouldFlip } = useContext(TooltipTriggerContext);
+  const {
+    className,
+    children,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTooltipCssSelector,
+    getRootCSSClasses(colorScheme),
+    cssModule(
+      Tooltip_module_default,
+      "hop-Tooltip",
+      placement
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    Provider,
+    {
+      values: [
+        [TextContext, {
+          size: "xs"
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Tooltip$1,
+        {
+          ref,
+          style: mergedStyles,
+          className: classNames,
+          containerPadding,
+          crossOffset,
+          offset,
+          placement,
+          shouldFlip,
+          ...otherProps,
+          children: ensureTextWrapper(children)
+        }
+      )
+    }
+  );
+}
+var _Tooltip = forwardRef(Tooltip);
+_Tooltip.displayName = "Tooltip";
+
+export { GlobalTooltipCssSelector, _Tooltip };

package/dist/chunk-3ZHH7T6Q.js

@@ -0,0 +1,88 @@
+import { RadioContext } from './chunk-FU5CCPLP.js';
+import { IconListContext } from './chunk-GBWXEK6N.js';
+import { ensureTextWrapper } from './chunk-WPIH4OAE.js';
+import { ClearContainerSlots } from './chunk-WJ55ZV54.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 { BulletIcon, IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Radio.module.css#css-module
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___fNVqT", "hop-Radio--sm": "Radio-module__hop-Radio--sm___QtkaP", "hop-Radio--md": "Radio-module__hop-Radio--md___-8BC4", "hop-Radio__icon": "Radio-module__hop-Radio__icon___f-O9q", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Urz54", "hop-Radio__box": "Radio-module__hop-Radio__box___HKX8m", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___tlKI9", "hop-Radio__text": "Radio-module__hop-Radio__text___30Fay" };
+var GlobalRadioCssSelector = "hop-Radio";
+function Radio(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, RadioContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    size: sizeProp = "md",
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRadioCssSelector,
+    cssModule(
+      Radio_module_default,
+      "hop-Radio",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return ensureTextWrapper(prev);
+  });
+  return /* @__PURE__ */ jsx(
+    Radio$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (radioProps) => {
+        const radioIconClassName = Radio_module_default["hop-Radio__bullet"];
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: Radio_module_default["hop-Radio__box"], children: /* @__PURE__ */ jsx(BulletIcon, { size, className: radioIconClassName }) }),
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Radio_module_default["hop-Radio__text"],
+                  size
+                }],
+                [IconListContext, {
+                  className: Radio_module_default["hop-Radio__icon-list"],
+                  size
+                }],
+                [IconContext, {
+                  className: Radio_module_default["hop-Radio__icon"],
+                  size
+                }]
+              ],
+              children: children(radioProps)
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}
+var _Radio = forwardRef(Radio);
+_Radio.displayName = "Radio";
+
+export { GlobalRadioCssSelector, _Radio };

package/dist/chunk-4HEOTMP7.js

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

package/dist/chunk-4JPU7V7P.js

@@ -0,0 +1,60 @@
+import { ImageContext } from './chunk-JAR7CXVS.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 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Image.module.css#css-module
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___O4JGM", "hop-Image--rounded": "Image-module__hop-Image--rounded___vgkwt", "hop-Image--circular": "Image-module__hop-Image--circular___gCq34" };
+var GlobalImageCssSelector = "hop-Image";
+function Image(props, ref) {
+  [props, ref] = useContextProps(props, ref, ImageContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    shape,
+    src,
+    slot,
+    alt,
+    ...otherProps
+  } = ownProps;
+  if (alt === void 0) {
+    console.warn(
+      'The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.'
+    );
+  }
+  const classNames = clsx(
+    className,
+    GlobalImageCssSelector,
+    cssModule(
+      Image_module_default,
+      "hop-Image",
+      shape
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const srcValue = useResponsiveValue(src);
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...otherProps,
+      alt: alt != null ? alt : "",
+      slot: slot != null ? slot : void 0,
+      className: classNames,
+      style: mergedStyles,
+      ref,
+      src: srcValue
+    }
+  );
+}
+var _Image = forwardRef(Image);
+_Image.displayName = "Image";
+
+export { GlobalImageCssSelector, _Image };

package/dist/chunk-4LOEZQ6K.js

@@ -0,0 +1,108 @@
+import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
+import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
+import { _Text } from './chunk-LKH3JL3P.js';
+import { TextContext } from './chunk-ZNOU2CGM.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useLayoutEffect } from 'react';
+import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./SegmentedControlItem.module.css#css-module
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___rT5o0", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___NOj66", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___4au1W", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___LRMEB", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___atxbM", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___nmdDN", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___DX3GV", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___sy6il" };
+var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
+var SegmentedControlItem = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SegmentedControlItemContext);
+  const { prevRef, currentSelectedRef, isJustified } = useContext(InternalSegmentedControlContext);
+  const state = useContext(ToggleGroupStateContext);
+  const itemSelected = state == null ? void 0 : state.selectedKeys.has(props.id);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    size = "sm",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalSegmentedControlItemCssSelector,
+    cssModule(
+      SegmentedControlItem_module_default,
+      "hop-SegmentedControlItem",
+      size,
+      isJustified && "justified"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const isReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches;
+  useLayoutEffect(() => {
+    if (isReduced || !itemSelected || !(prevRef == null ? void 0 : prevRef.current) || !(currentSelectedRef == null ? void 0 : currentSelectedRef.current)) {
+      return;
+    }
+    const prevSlider = prevRef.current;
+    const currentSlider = currentSelectedRef.current;
+    const currentItem = currentSlider.getBoundingClientRect();
+    const deltaX = prevSlider.left - (currentItem == null ? void 0 : currentItem.left);
+    currentSelectedRef.current.animate(
+      [
+        { transform: `translateX(${deltaX}px)`, width: `${prevSlider.width}px` },
+        { transform: "translateX(0px)", width: `${currentItem.width}px` }
+      ],
+      {
+        duration: 200,
+        easing: "ease-out"
+      }
+    );
+    prevRef.current = null;
+  }, [currentSelectedRef, isReduced, itemSelected, prevRef]);
+  return /* @__PURE__ */ jsx(
+    ToggleButton,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      children: ({ isSelected, isDisabled }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        isSelected && !isDisabled && /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__slider"], ref: currentSelectedRef }),
+        /* @__PURE__ */ jsx(
+          Provider,
+          {
+            values: [
+              [IconContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__icon"],
+                    size
+                  },
+                  "start-icon": {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__start-icon"],
+                    size
+                  }
+                }
+              }],
+              [TextContext, {
+                size: "sm",
+                className: SegmentedControlItem_module_default["hop-SegmentedControlItem__text"]
+              }]
+            ],
+            children: /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__wrapper"], children: typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children })
+          }
+        )
+      ] })
+    }
+  );
+};
+var _SegmentedControlItem = forwardRef(SegmentedControlItem);
+_SegmentedControlItem.displayName = "SegmentedControlItem";
+
+export { GlobalSegmentedControlItemCssSelector, _SegmentedControlItem };

package/dist/chunk-5CURYPE7.js

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

package/dist/chunk-5DT3S5YY.js

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

package/dist/chunk-5K3V5PGZ.js

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

package/dist/chunk-5UAXAY5Z.js

@@ -0,0 +1,50 @@
+import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./ToggleArrow.module.css#css-module
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___EjFdI" };
+var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
+function ToggleArrow(props, ref) {
+  [props, ref] = useContextProps(props, ref, ToggleArrowContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    isExpanded,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalToggleArrowCssSelector,
+    cssModule(
+      ToggleArrow_module_default,
+      "hop-ToggleArrow"
+    ),
+    stylingProps.className,
+    className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    AngleDownIcon,
+    {
+      ref,
+      className: classNames,
+      style,
+      size: "sm",
+      "data-expanded": isExpanded || void 0,
+      ...otherProps
+    }
+  );
+}
+var _ToggleArrow = forwardRef(ToggleArrow);
+_ToggleArrow.displayName = "ToggleArrow";
+
+export { GlobalToggleArrowCssSelector, _ToggleArrow };

package/dist/chunk-5XY5L6ZN.js

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

package/dist/chunk-6BJLSAMM.js

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