@hopper-ui/components 1.0.5 → 1.0.7

package/dist/chunk-3LGP5T4C.js

@@ -0,0 +1,625 @@
+import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { _ClearButton } from './chunk-HVUX7ZQ3.js';
+import { _Spinner } from './chunk-XVKZ3Q3B.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { isFunction, isNil } from './chunk-TIPN4VYD.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-E7Y25WJE.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
+export * from '@hopper-ui/styled-system';
+import { forwardRef, useReducer, useRef, useEffect } from 'react';
+import { useContextProps, composeRenderProps, Tag as Tag$1, Popover as Popover$1, Dialog } from 'react-aria-components';
+export { Collection } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+// css-module:./Tag.module.css#css-module
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___44f2t", "hop-Tag--md": "Tag-module__hop-Tag--md___a-8Gl", "hop-Tag__icon": "Tag-module__hop-Tag__icon___Flh-O", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___DwhHI", "hop-Tag__badge": "Tag-module__hop-Tag__badge___T-TB5", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___p33BD", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___qNetT", "hop-Tag--lg": "Tag-module__hop-Tag--lg___7bKF1", "hop-Tag__text": "Tag-module__hop-Tag__text___5AXmt", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___t5ajm" };
+var GlobalTagCssSelector = "hop-Tag";
+var TagToTextSizeAdapter = {
+  md: "xs",
+  lg: "sm"
+};
+function Tag(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TagContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isInvalid,
+    isLoading,
+    size: sizeProp = "md",
+    style: styleProp,
+    textValue: textValueProp,
+    ...otherProps
+  } = ownProps;
+  const stringFormatter = useLocalizedString();
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const textValue = textValueProp != null ? textValueProp : typeof childrenProp === "string" ? childrenProp : void 0;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTagCssSelector,
+    cssModule(
+      Tag_module_default,
+      "hop-Tag",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { children: prev });
+    }
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    Tag$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      textValue,
+      "data-invalid": isInvalid || void 0,
+      "data-loading": isLoading || void 0,
+      children: (tagProps) => {
+        const { allowsRemoving, isDisabled } = tagProps;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Tag_module_default["hop-Tag__text"],
+                  size: TagToTextSizeAdapter[size]
+                }],
+                [IconListContext, {
+                  className: Tag_module_default["hop-Tag__icon-list"],
+                  size: "sm"
+                }],
+                [IconContext, {
+                  className: Tag_module_default["hop-Tag__icon"],
+                  size: "sm"
+                }],
+                [BadgeContext, {
+                  className: Tag_module_default["hop-Tag__badge"],
+                  isDisabled
+                }]
+              ],
+              children: children(tagProps)
+            }
+          ) }),
+          allowsRemoving && !isLoading && /* @__PURE__ */ jsx(
+            _ClearButton,
+            {
+              slot: "remove",
+              isDisabled,
+              className: Tag_module_default["hop-Tag__remove-btn"],
+              "aria-label": stringFormatter.format("Tag.removeAriaLabel"),
+              size
+            }
+          ),
+          isLoading && /* @__PURE__ */ jsx(
+            _Spinner,
+            {
+              "aria-label": stringFormatter.format("Tag.spinnerAriaLabel"),
+              size: "sm",
+              className: Tag_module_default["hop-Tag__Spinner"]
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+var _Tag = forwardRef(Tag);
+_Tag.displayName = "Tag";
+function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
+  let { cursor, getKey } = opts;
+  return {
+    setSelectedKeys(selectedKeys) {
+      dispatch((state) => ({
+        ...state,
+        selectedKeys
+      }));
+    },
+    setFilterText(filterText) {
+      dispatch((state) => ({
+        ...state,
+        filterText
+      }));
+    },
+    insert(index, ...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, index, ...values));
+    },
+    insertBefore(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
+      });
+    },
+    insertAfter(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
+      });
+    },
+    prepend(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, 0, ...values));
+    },
+    append(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, state.items.length, ...values));
+    },
+    remove(...keys) {
+      dispatch((state) => {
+        let keySet = new Set(keys);
+        let items = state.items.filter((item) => !keySet.has(getKey(item)));
+        let selection = "all";
+        if (state.selectedKeys !== "all") {
+          selection = new Set(state.selectedKeys);
+          for (let key of keys) selection.delete(key);
+        }
+        if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
+        return {
+          ...state,
+          items,
+          selectedKeys: selection
+        };
+      });
+    },
+    removeSelectedItems() {
+      dispatch((state) => {
+        if (state.selectedKeys === "all") return {
+          ...state,
+          items: [],
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+        let selectedKeys = state.selectedKeys;
+        let items = state.items.filter((item) => !selectedKeys.has(getKey(item)));
+        return {
+          ...state,
+          items,
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+      });
+    },
+    move(key, toIndex) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item2) => getKey(item2) === key);
+        if (index === -1) return state;
+        let copy = state.items.slice();
+        let [item] = copy.splice(index, 1);
+        copy.splice(toIndex, 0, item);
+        return {
+          ...state,
+          items: copy
+        };
+      });
+    },
+    moveBefore(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex);
+      });
+    },
+    moveAfter(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex + 1);
+      });
+    },
+    update(key, newValue) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) return state;
+        return {
+          ...state,
+          items: [
+            ...state.items.slice(0, index),
+            newValue,
+            ...state.items.slice(index + 1)
+          ]
+        };
+      });
+    }
+  };
+}
+function $0d86e9c8f07f9a7b$var$insert(state, index, ...values) {
+  return {
+    ...state,
+    items: [
+      ...state.items.slice(0, index),
+      ...values,
+      ...state.items.slice(index)
+    ]
+  };
+}
+function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
+  toIndex -= indices.filter((index) => index < toIndex).length;
+  let moves = indices.map((from) => ({
+    from,
+    to: toIndex++
+  }));
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i].from;
+    for (let j = i; j < moves.length; j++) {
+      let b = moves[j].from;
+      if (b > a) moves[j].from--;
+    }
+  }
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i];
+    for (let j = moves.length - 1; j > i; j--) {
+      let b = moves[j];
+      if (b.from < a.to) a.to++;
+      else b.from++;
+    }
+  }
+  let copy = state.items.slice();
+  for (let move of moves) {
+    let [item] = copy.splice(move.from, 1);
+    copy.splice(move.to, 0, item);
+  }
+  return {
+    ...state,
+    items: copy
+  };
+}
+function $f86e6c1ec7da6ebb$var$reducer(data, action) {
+  let selectedKeys;
+  switch (data.state) {
+    case "idle":
+    case "error":
+      switch (action.type) {
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _action_filterText, _action_sortDescriptor;
+          return {
+            ...data,
+            filterText: (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+            abortController: action.abortController
+          };
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        case "success":
+        case "error":
+          return data;
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loading":
+    case "sorting":
+    case "filtering":
+      switch (action.type) {
+        case "success":
+          if (action.abortController !== data.abortController) return data;
+          var _action_selectedKeys;
+          selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
+          var _action_filterText1, _action_sortDescriptor1;
+          return {
+            ...data,
+            filterText: (_action_filterText1 = action.filterText) !== null && _action_filterText1 !== void 0 ? _action_filterText1 : data.filterText,
+            state: "idle",
+            items: [
+              ...action.items
+            ],
+            selectedKeys: selectedKeys === "all" ? "all" : new Set(selectedKeys),
+            sortDescriptor: (_action_sortDescriptor1 = action.sortDescriptor) !== null && _action_sortDescriptor1 !== void 0 ? _action_sortDescriptor1 : data.sortDescriptor,
+            abortController: null,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error,
+            abortController: null
+          };
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          data.abortController.abort();
+          var _action_filterText2;
+          return {
+            ...data,
+            filterText: (_action_filterText2 = action.filterText) !== null && _action_filterText2 !== void 0 ? _action_filterText2 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loadingMore":
+      switch (action.type) {
+        case "success":
+          var _action_selectedKeys1;
+          selectedKeys = data.selectedKeys === "all" || action.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
+            ...data.selectedKeys,
+            ...(_action_selectedKeys1 = action.selectedKeys) !== null && _action_selectedKeys1 !== void 0 ? _action_selectedKeys1 : []
+          ]);
+          var _action_sortDescriptor2;
+          return {
+            ...data,
+            state: "idle",
+            items: [
+              ...data.items,
+              ...action.items
+            ],
+            selectedKeys,
+            sortDescriptor: (_action_sortDescriptor2 = action.sortDescriptor) !== null && _action_sortDescriptor2 !== void 0 ? _action_sortDescriptor2 : data.sortDescriptor,
+            abortController: null,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error
+          };
+        case "loading":
+        case "sorting":
+        case "filtering":
+          data.abortController.abort();
+          var _action_filterText3;
+          return {
+            ...data,
+            filterText: (_action_filterText3 = action.filterText) !== null && _action_filterText3 !== void 0 ? _action_filterText3 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "loadingMore":
+          action.abortController.abort();
+          return data;
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    default:
+      throw new Error(`Invalid state "${data.state}"`);
+  }
+}
+function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
+  const { load, sort, initialSelectedKeys, initialSortDescriptor, getKey = (item) => item.id || item.key, initialFilterText = "" } = options;
+  let [data, dispatch] = (useReducer)($f86e6c1ec7da6ebb$var$reducer, {
+    state: "idle",
+    error: null,
+    items: [],
+    selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys),
+    sortDescriptor: initialSortDescriptor,
+    filterText: initialFilterText
+  });
+  const dispatchFetch = async (action, fn) => {
+    let abortController = new AbortController();
+    try {
+      dispatch({
+        ...action,
+        abortController
+      });
+      var _action_filterText;
+      let previousFilterText = (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText;
+      var _action_sortDescriptor;
+      let response = await fn({
+        items: data.items.slice(),
+        selectedKeys: data.selectedKeys,
+        sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+        signal: abortController.signal,
+        cursor: action.type === "loadingMore" ? data.cursor : null,
+        filterText: previousFilterText
+      });
+      var _response_filterText;
+      let filterText = (_response_filterText = response.filterText) !== null && _response_filterText !== void 0 ? _response_filterText : previousFilterText;
+      dispatch({
+        type: "success",
+        ...response,
+        abortController
+      });
+      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    } catch (e) {
+      dispatch({
+        type: "error",
+        error: e,
+        abortController
+      });
+    }
+  };
+  let didDispatchInitialFetch = (useRef)(false);
+  (useEffect)(() => {
+    if (!didDispatchInitialFetch.current) {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+      didDispatchInitialFetch.current = true;
+    }
+  }, []);
+  return {
+    items: data.items,
+    selectedKeys: data.selectedKeys,
+    sortDescriptor: data.sortDescriptor,
+    isLoading: data.state === "loading" || data.state === "loadingMore" || data.state === "sorting" || data.state === "filtering",
+    loadingState: data.state,
+    error: data.error,
+    filterText: data.filterText,
+    getItem(key) {
+      return data.items.find((item) => getKey(item) === key);
+    },
+    reload() {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+    },
+    loadMore() {
+      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null) return;
+      dispatchFetch({
+        type: "loadingMore"
+      }, load);
+    },
+    sort(sortDescriptor) {
+      dispatchFetch({
+        type: "sorting",
+        sortDescriptor
+      }, sort || load);
+    },
+    ...($0d86e9c8f07f9a7b$export$79c0c687a5963b0a)({
+      ...options,
+      getKey,
+      cursor: data.cursor
+    }, (fn) => {
+      dispatch({
+        type: "update",
+        updater: fn
+      });
+    }),
+    setFilterText(filterText) {
+      dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    }
+  };
+}
+
+// css-module:./Popover.module.css#css-module
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___Z-GAs", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___pY0tm", "hop-Popover__title": "Popover-module__hop-Popover__title___S6A5Z", "hop-Popover__actions": "Popover-module__hop-Popover__actions___95sTO", "hop-Popover__action": "Popover-module__hop-Popover__action___nfocQ", "hop-Popover__content": "Popover-module__hop-Popover__content___GTE4M", "hop-Popover__footer": "Popover-module__hop-Popover__footer___VHYUA" };
+var GlobalPopoverCssSelector = "hop-Popover";
+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 } = 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 { $f86e6c1ec7da6ebb$export$bc3384a35de93d66, GlobalPopoverCssSelector, GlobalTagCssSelector, _Popover, _Tag };

package/dist/{chunk-W2SKBBWE.js → chunk-3WUDQLLR.js}

@@ -1,20 +1,20 @@
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioListContext } from './chunk-A7TZHALP.js';
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___ZkN81", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___rknTP", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___hXQE8", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___2-otR", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___HI--g", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___Y2PHm", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___fsKgY", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___qULS3" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___0LfBO", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___v6dmv", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___BGmAJ", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___DTbSi", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___C8kFI", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___w-EHk", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___aY5Cj", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___2-GLQ", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___MfsKX" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-F7S2I43Y.js → chunk-4TJUYXYN.js}

@@ -1,7 +1,7 @@
 import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___aWxfX", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___XoFBK" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___15Hny", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___wjXPk", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___-W1aK", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___pSB2G" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-22YUFCHD.js → chunk-4V75RYJN.js}

@@ -1,6 +1,6 @@
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___r0-aG", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___GySei", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___pc97t" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);