@hopper-ui/components 1.0.1 → 1.0.3

package/dist/chunk-RXBKOHT2.js

@@ -0,0 +1,83 @@
+import { InputGroupContext } from './chunk-6BFSSZCY.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { mergeRefs } from '@react-aria/utils';
+import { forwardRef, useRef, useCallback } from 'react';
+import { useContextProps, useSlottedContext, InputContext, composeRenderProps, Group } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./InputGroup.module.css#css-module
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___EJcIH", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___ixFk2", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___KN-DI", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___Uvn7W" };
+var GlobalInputGroupCssSelector = "hop-InputGroup";
+function InputGroup(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, InputGroupContext);
+  const inputRef = useRef(null);
+  const inputContext = useSlottedContext(InputContext);
+  const mergedRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext == null ? void 0 : inputContext.ref) : inputRef;
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style: styleProp,
+    children,
+    size: sizeProp,
+    isFluid: isFluidProp,
+    onMouseDown,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalInputGroupCssSelector,
+    cssModule(
+      InputGroup_module_default,
+      "hop-InputGroup",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const handleMouseDown = useCallback((e) => {
+    onMouseDown == null ? void 0 : onMouseDown(e);
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+    e.preventDefault();
+  }, [onMouseDown]);
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [InputContext, {
+          ...inputContext,
+          ref: mergedRefs,
+          className: composeClassnameRenderProps(inputContext == null ? void 0 : inputContext.className, InputGroup_module_default["hop-InputGroup__input"])
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Group,
+        {
+          ...otherProps,
+          onMouseDown: handleMouseDown,
+          ref,
+          className: classNames,
+          style,
+          children
+        }
+      )
+    }
+  );
+}
+var _InputGroup = forwardRef(InputGroup);
+_InputGroup.displayName = "InputGroup";
+
+export { GlobalInputGroupCssSelector, _InputGroup };

package/dist/chunk-SC6ZK5ON.js

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

package/dist/chunk-TIPN4VYD.js

@@ -0,0 +1,46 @@
+// src/utils/src/assertion.ts
+function isNull(value) {
+  return value == null;
+}
+function isUndefined(value) {
+  return typeof value === "undefined" || value === void 0;
+}
+function isDefined(value) {
+  return typeof value !== "undefined" && value !== void 0;
+}
+function isNil(value) {
+  return isNull(value) || isUndefined(value);
+}
+function isNilOrEmpty(value) {
+  return isNil(value) || value === "";
+}
+function isString(value) {
+  return Object.prototype.toString.call(value) === "[object String]";
+}
+function isNumber(value) {
+  return typeof value === "number";
+}
+function isArray(value) {
+  return Array.isArray(value);
+}
+function isEmptyArray(value) {
+  return isArray(value) && value.length === 0;
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function isObject(value) {
+  return typeof value === "object" && !Array.isArray(value) && value != null;
+}
+function isPlainObject(value) {
+  if (Object.prototype.toString.call(value) !== "[object Object]") {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype;
+}
+function isPromise(value) {
+  return !isNil(value) && !isNil(value.then);
+}
+
+export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined };

package/dist/chunk-TXZ6BMFR.js

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

package/dist/chunk-UARL5M2W.js

@@ -0,0 +1,32 @@
+import { ClearButtonContext } from './chunk-DXVKHP4V.js';
+import { _EmbeddedButton } from './chunk-LYV2D5RZ.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { DismissIcon } from '@hopper-ui/icons';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalClearButtonCssSelector = "hop-ClearButton";
+function ClearButton(props, ref) {
+  [props, ref] = useContextProps(props, ref, ClearButtonContext);
+  const stringFormatter = useLocalizedString();
+  const {
+    "aria-label": ariaLabel = stringFormatter.format("ClearButton.clearAriaLabel"),
+    size = "md",
+    ...otherProps
+  } = props;
+  return /* @__PURE__ */ jsx(
+    _EmbeddedButton,
+    {
+      ref,
+      "aria-label": ariaLabel,
+      size,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(DismissIcon, {})
+    }
+  );
+}
+var _ClearButton = forwardRef(ClearButton);
+_ClearButton.displayName = "ClearButton";
+
+export { GlobalClearButtonCssSelector, _ClearButton };

package/dist/{chunk-SC4G54ML.js → chunk-UY7WQ7TC.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { useLocalizedString } from './chunk-BPM4ETTB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { _Spinner } from './chunk-WLSLSMK7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Spinner } from './chunk-G7RKLBFT.js';
+import { _Text } from './chunk-4RIAVSLK.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-HUJ3PTM7.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___pJ-SR", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___vCgE0", "hop-Button--fluid": "Button-module__hop-Button--fluid___Ap2-3", "hop-Button--sm": "Button-module__hop-Button--sm___wbnfe", "hop-Button--primary": "Button-module__hop-Button--primary___OEdwW", "hop-Button--md": "Button-module__hop-Button--md___QAIfm", "hop-Button--secondary": "Button-module__hop-Button--secondary___ZCS63", "hop-Button--upsell": "Button-module__hop-Button--upsell___E3SYs", "hop-Button--danger": "Button-module__hop-Button--danger___ZOfPR", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___rYkpH", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___zCDkm", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___tnrgb", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___O6HR8", "hop-Button__icon": "Button-module__hop-Button__icon___rLXPv", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___RGTNp", "hop-Button__text": "Button-module__hop-Button__text___nIDoe", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___-DwWE", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___QHF2h" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___FaloC", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___I7AGj", "hop-Button--fluid": "Button-module__hop-Button--fluid___WpcgG", "hop-Button--sm": "Button-module__hop-Button--sm___RzTLv", "hop-Button--primary": "Button-module__hop-Button--primary___XnfK-", "hop-Button--md": "Button-module__hop-Button--md___FgAvl", "hop-Button--secondary": "Button-module__hop-Button--secondary___EbTA7", "hop-Button--upsell": "Button-module__hop-Button--upsell___THmQF", "hop-Button--danger": "Button-module__hop-Button--danger___bIFTk", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___k-QFo", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___HcAv6", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___aRJ8l", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___KBKEz", "hop-Button__icon": "Button-module__hop-Button__icon___fzwBg", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___mBFYH", "hop-Button__text": "Button-module__hop-Button__text___4wltD", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___UV66v", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___x1eFR" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {
@@ -70,7 +70,7 @@ function Button(props, ref) {
     className,
     children: childrenProp,
     size: sizeProp,
-    fluid: fluidProp,
+    isFluid: isFluidProp,
     variant = "primary",
     isLoading,
     style: styleProp,
@@ -78,7 +78,7 @@ function Button(props, ref) {
   } = ownProps;
   const [textRef, hasText] = useSlot();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const fluid = (_b = useResponsiveValue(fluidProp)) != null ? _b : false;
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
   const classNames = composeClassnameRenderProps(
     className,
     GlobalButtonCssSelector,
@@ -87,7 +87,7 @@ function Button(props, ref) {
       "hop-Button",
       variant,
       size,
-      fluid && "fluid",
+      isFluid && "fluid",
       isLoading && "loading",
       !hasText && "icon-only"
     ),

package/dist/{chunk-G7RKLBFT.js → chunk-WLSLSMK7.js}

@@ -1,6 +1,6 @@
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _Label } from './chunk-CTK5YVBZ.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Label } from './chunk-TRS7R4W3.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___aEM81", "spin": "Spinner-module__spin___7FYor", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___OD2lW", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___sXKHE", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___L-WLb", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___DpgY-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___2StSk", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___uof8N" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___g8YMK", "spin": "Spinner-module__spin___AHP-g", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___ENKbf", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___dU1Hu", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___e6crn", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___aQB8a", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___PUZTX", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___j4f6H" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",

package/dist/chunk-WPNVVGFW.js

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

package/dist/chunk-WWRB4K4M.js

@@ -0,0 +1,44 @@
+import { TagListContext } from './chunk-XLKYXKWE.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, TagList as TagList$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalTagListCssSelector = "hop-TagList";
+function TagList(props, ref) {
+  [props, ref] = useContextProps(props, ref, TagListContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTagListCssSelector,
+    "hop-TagList",
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    TagList$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      children
+    }
+  );
+}
+var _TagList = forwardRef(TagList);
+_TagList.displayName = "TagList";
+
+export { GlobalTagListCssSelector, _TagList };

package/dist/{chunk-OE5BLFZI.js → chunk-X6SER3TZ.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/Text/src/TextContext.ts
+// src/typography/Text/src/TextContext.ts
 var TextContext = createContext({});
 TextContext.displayName = "TextContext";
 

package/dist/{chunk-FD4HMY5A.js → chunk-XFKAXBB5.js}

@@ -1,9 +1,9 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-HUJ3PTM7.js';
+import { _Text } from './chunk-4RIAVSLK.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___6Sj-R", "hop-Switch--sm": "Switch-module__hop-Switch--sm___KZDNj", "hop-Switch--md": "Switch-module__hop-Switch--md___vSzXv", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___HHYut", "hop-Switch__text": "Switch-module__hop-Switch__text___83KFO", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fkOxm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___AvDWN" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___n4jxE", "hop-Switch--sm": "Switch-module__hop-Switch--sm___-f1X2", "hop-Switch--md": "Switch-module__hop-Switch--md___QZsov", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___iRVTh", "hop-Switch__text": "Switch-module__hop-Switch__text___QeO6o", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___ka5FC", "hop-Switch__icon": "Switch-module__hop-Switch__icon___j9U5W" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-YFTLWL74.js → chunk-XIOIAME2.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___xoL0K" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___bEeEm" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/chunk-XLKYXKWE.js

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

package/dist/chunk-Y7HUXUHX.js

@@ -0,0 +1,30 @@
+import { _Flex } from './chunk-TVFC2MJ4.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Inline(props, ref) {
+  const {
+    alignX,
+    alignY = "center",
+    gap = "inline-md",
+    wrap = true,
+    reverse,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    _Flex,
+    {
+      ref,
+      alignItems: alignY,
+      justifyContent: alignX,
+      direction: reverse ? "row-reverse" : "row",
+      gap,
+      wrap,
+      ...rest
+    }
+  );
+}
+var _Inline = forwardRef(Inline);
+_Inline.displayName = "Inline";
+
+export { _Inline };

package/dist/chunk-YQHNOQ3N.js

@@ -0,0 +1,96 @@
+import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { src_exports } from './chunk-OQW6BT6B.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { isFunction, isNil } from './chunk-TIPN4VYD.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { _HopperProvider } from './chunk-ANVMQBBG.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { DialogTrigger, useContextProps, Popover as Popover$1, Dialog } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Popover.module.css#css-module
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___h8MZi", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Av8Rn", "hop-Popover__title": "Popover-module__hop-Popover__title___-fd6i", "hop-Popover__actions": "Popover-module__hop-Popover__actions___annkX", "hop-Popover__action": "Popover-module__hop-Popover__action___YjIHH", "hop-Popover__content": "Popover-module__hop-Popover__content___17dUJ", "hop-Popover__footer": "Popover-module__hop-Popover__footer___m-UuZ" };
+var GlobalPopoverCssSelector = "hop-Popover";
+var PopoverTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props, children: props.children });
+function Popover(props, ref) {
+  [props, ref] = useContextProps(props, ref, PopoverContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    children,
+    className,
+    offset = 4,
+    boundaryOffset,
+    ...otherProps
+  } = ownProps;
+  const { colorScheme } = (0, src_exports.useColorSchemeContext)();
+  const popoverClassNames = composeClassnameRenderProps(
+    className,
+    GlobalPopoverCssSelector,
+    cssModule(
+      Popover_module_default,
+      "hop-Popover"
+    )
+  );
+  return /* @__PURE__ */ jsx(
+    Popover$1,
+    {
+      ...otherProps,
+      offset,
+      ref,
+      className: popoverClassNames,
+      arrowBoundaryOffset: boundaryOffset,
+      children: (state) => /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(
+        Dialog,
+        {
+          className: clsx(stylingProps.className, Popover_module_default["hop-Popover__dialog"]),
+          style: stylingProps.style,
+          children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [HeadingContext, {
+                  className: Popover_module_default["hop-Popover__title"],
+                  size: "xs"
+                }],
+                [ButtonContext, {
+                  size: "sm",
+                  className: Popover_module_default["hop-Popover__action"]
+                }],
+                [ButtonGroupContext, {
+                  size: "sm",
+                  align: "end",
+                  className: Popover_module_default["hop-Popover__actions"]
+                }],
+                [ContentContext, {
+                  className: Popover_module_default["hop-Popover__content"]
+                }],
+                [FooterContext, {
+                  className: Popover_module_default["hop-Popover__footer"]
+                }],
+                [LinkContext, {
+                  size: "sm",
+                  variant: "primary",
+                  isQuiet: true
+                }]
+              ],
+              children: isFunction(children) && !isNil(children) ? children(state) : children
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+var _Popover = forwardRef(Popover);
+_Popover.displayName = "Popover";
+
+export { GlobalPopoverCssSelector, PopoverTrigger, _Popover };

package/dist/chunk-Z3ID4UEE.js

@@ -0,0 +1,55 @@
+import { Div, getSizingValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/layout/src/Grid.tsx
+function Grid(props, ref) {
+  const {
+    autoRows,
+    areas,
+    templateColumns,
+    templateRows,
+    autoColumns,
+    autoFlow,
+    inline,
+    UNSAFE_autoRows,
+    UNSAFE_templateColumns,
+    UNSAFE_templateRows,
+    UNSAFE_autoColumns,
+    ...otherProps
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Div,
+    {
+      ref,
+      display: inline ? "inline-grid" : "grid",
+      gridAutoRows: autoRows,
+      gridTemplateAreas: areas,
+      gridTemplateColumns: templateColumns,
+      gridTemplateRows: templateRows,
+      gridAutoColumns: autoColumns,
+      gridAutoFlow: autoFlow,
+      UNSAFE_gridAutoRows: UNSAFE_autoRows,
+      UNSAFE_gridTemplateColumns: UNSAFE_templateColumns,
+      UNSAFE_gridTemplateRows: UNSAFE_templateRows,
+      UNSAFE_gridAutoColumns: UNSAFE_autoColumns,
+      ...otherProps
+    }
+  );
+}
+function repeat(count, repetition) {
+  return `repeat(${count}, ${Array.isArray(repetition) ? interpolateGridTemplateArray(repetition) : getSizingValue(repetition)})`;
+}
+function minmax(min, max) {
+  return `minmax(${getSizingValue(min)}, ${getSizingValue(max)})`;
+}
+function fitContent(dimension) {
+  return `fit-content(${getSizingValue(dimension)})`;
+}
+function interpolateGridTemplateArray(values) {
+  return values.map((x) => getSizingValue(x)).join(" ");
+}
+var _Grid = forwardRef(Grid);
+_Grid.displayName = "Inline";
+
+export { _Grid, fitContent, minmax, repeat };

package/dist/chunk-ZSFJVMJN.js

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

package/dist/errorMessage/src/ErrorMessage.css

@@ -1,5 +1,5 @@
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___eHjGr {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___M-T6r {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___eHjGr) {
+:where(.Text-module__hop-Text___M-T6r) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___6lQf3) {
+:where(.Text-module__hop-Text--xs___4XQLX) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___79uWV) {
+:where(.Text-module__hop-Text--sm___dM76a) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___kaNdx) {
+:where(.Text-module__hop-Text--md___M60JS) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___DD3l0) {
+:where(.Text-module__hop-Text--lg___5mCtN) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___CU19-) {
+:where(.Text-module__hop-Text--xl___bi1Vo) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___Zif3-) {
+:where(.Text-module__hop-Text--2xl___5SCg1) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___NWdla) {
+:where(.Text-module__hop-Text--inherit___X6rIb) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___rzxzc {
+.ErrorMessage-module__hop-ErrorMessage___rwfLE {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___XMlVC {
+.ErrorMessage-module__hop-ErrorMessage__icon___OY9OV {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/errorMessage/src/ErrorMessage.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { StyledComponentProps } from '@hopper-ui/styled-system';
 import { FieldErrorProps } from 'react-aria-components';
-import { TextProps } from '../../Text/src/Text.js';
+import { TextProps } from '../../typography/Text/src/Text.js';
 
 declare const GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 interface ErrorMessageProps extends StyledComponentProps<FieldErrorProps>, Omit<TextProps, "style" | "className" | "children" | "color" | "content"> {