@hopper-ui/components 1.0.2 → 1.0.4

package/dist/chunk-BCHUEONM.js

@@ -0,0 +1,44 @@
+import { OverlineTextContext } from './chunk-WPNVVGFW.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Text } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./OverlineText.module.css#css-module
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___lA54v", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___Z9gJ6" };
+var GlobalOverlineTextCssSelector = "hop-OverlineText";
+function OverlineText(props, ref) {
+  [props, ref] = useContextProps(props, ref, OverlineTextContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, children, style, elementType = "span", ...otherProps } = ownProps;
+  const classNames = clsx(
+    GlobalOverlineTextCssSelector,
+    cssModule(
+      OverlineText_module_default,
+      "hop-OverlineText"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...otherProps,
+      ref,
+      elementType,
+      className: classNames,
+      style: mergedStyles,
+      children: /* @__PURE__ */ jsx("span", { className: OverlineText_module_default["hop-OverlineText__text"], children })
+    }
+  );
+}
+var _OverlineText = forwardRef(OverlineText);
+_OverlineText.displayName = "OverlineText";
+
+export { GlobalOverlineTextCssSelector, _OverlineText };

package/dist/{chunk-TOCGJB3X.js → chunk-BGESEKEN.js}

@@ -1,12 +1,12 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-2NABNL6G.js';
+import { _Text } from './chunk-WGDP4ECF.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';
-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';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 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___KeQFF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___xNoEO", "hop-Radio--md": "Radio-module__hop-Radio--md___rSoSn", "hop-Radio__icon": "Radio-module__hop-Radio__icon___XCZ3l", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___lW4kr", "hop-Radio__box": "Radio-module__hop-Radio__box___JCJnm", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___l8YS4", "hop-Radio__text": "Radio-module__hop-Radio__text___2SosI" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___LZcWz", "hop-Radio--sm": "Radio-module__hop-Radio--sm___HI8UZ", "hop-Radio--md": "Radio-module__hop-Radio--md___Dw-0f", "hop-Radio__icon": "Radio-module__hop-Radio__icon___yYmFX", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___SPAhi", "hop-Radio__box": "Radio-module__hop-Radio__box___YuVXv", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___nln5Y", "hop-Radio__text": "Radio-module__hop-Radio__text___89qvv" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/chunk-CPWTHZGJ.js

@@ -0,0 +1,156 @@
+import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { _InputGroup } from './chunk-DZTMUFVC.js';
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { _ClearButton } from './chunk-5GRWAXTT.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { _Text } from './chunk-WGDP4ECF.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { mergeRefs } from '@react-aria/utils';
+import { useControlledState } from '@react-stately/utils';
+import { forwardRef, useState, useCallback } from 'react';
+import { useObjectRef } from 'react-aria';
+import { useContextProps, composeRenderProps, Input, TextField as TextField$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./TextField.module.css#css-module
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___AlY6b", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___5qFaA", "hop-TextField__Label": "TextField-module__hop-TextField__Label___sT4Ln", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___BGZl9", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___fIBBH", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___PyjXp", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___h-59a" };
+var GlobalTextFieldCssSelector = "hop-TextField";
+function TextField(props, ref) {
+  var _a;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, TextFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const [characterCount, setCharacterCount] = useState(() => {
+    var _a2, _b, _c, _d;
+    return (_d = (_c = (_a2 = props.value) == null ? void 0 : _a2.length) != null ? _c : (_b = props.defaultValue) == null ? void 0 : _b.length) != null ? _d : 0;
+  });
+  const {
+    className,
+    style: styleProp,
+    size,
+    prefix,
+    showCharacterCount,
+    maxLength,
+    placeholder,
+    isClearable,
+    onChange: onChangeProp,
+    children,
+    onClear,
+    defaultValue,
+    value: valueProp,
+    isFluid: isFluidProp,
+    isDisabled,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTextFieldCssSelector,
+    cssModule(
+      TextField_module_default,
+      "hop-TextField",
+      isClearable && "clearable",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const handleTextChanged = useCallback((value2) => {
+    setCharacterCount(value2.length);
+    onChangeProp == null ? void 0 : onChangeProp(value2);
+  }, [onChangeProp]);
+  const [value, onChange] = useControlledState(valueProp, defaultValue || "", handleTextChanged);
+  const handleClear = useCallback(() => {
+    onChange("");
+    onClear == null ? void 0 : onClear();
+  }, [onChange, onClear]);
+  const showClearButton = isClearable && characterCount !== 0;
+  if (showCharacterCount && !maxLength) {
+    console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextField.");
+  }
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
+        [IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
+      ],
+      children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
+    }
+  ) : null;
+  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
+    _InputGroup,
+    {
+      isFluid,
+      size,
+      className: TextField_module_default["hop-TextField__InputGroup"],
+      isDisabled,
+      isInvalid,
+      children: [
+        prefixMarkup,
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
+        showCharacterCount && maxLength && /* @__PURE__ */ jsx(CharacterCount, { characterLeft: maxLength - characterCount }),
+        showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })
+      ]
+    }
+  ) });
+  const childrenMarkup = composeRenderProps(children, (prev) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [LabelContext, { className: TextField_module_default["hop-TextField__Label"] }],
+            [HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
+            [ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
+          ],
+          children: prev
+        }
+      ),
+      inputMarkup
+    ] });
+  });
+  return /* @__PURE__ */ jsx(
+    TextField$1,
+    {
+      ref,
+      value,
+      style,
+      className: classNames,
+      maxLength,
+      onChange,
+      isDisabled,
+      isInvalid,
+      ...otherProps,
+      children: childrenMarkup
+    }
+  );
+}
+function CharacterCount({ characterLeft }) {
+  const stringFormatter = useLocalizedString();
+  const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: characterLeft });
+  return /* @__PURE__ */ jsx(_Text, { "aria-label": accessibilityString, color: "neutral-weakest", size: "xs", children: characterLeft });
+}
+var _TextField = forwardRef(TextField);
+_TextField.displayName = "TextField";
+
+export { GlobalTextFieldCssSelector, _TextField };

package/dist/chunk-D6UTDI2K.js

@@ -0,0 +1,28 @@
+import { _Flex } from './chunk-TVFC2MJ4.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Stack(props, ref) {
+  const {
+    reverse,
+    alignX,
+    alignY,
+    gap = "stack-md",
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    _Flex,
+    {
+      ref,
+      alignItems: alignX,
+      justifyContent: alignY,
+      direction: reverse ? "column-reverse" : "column",
+      gap,
+      ...rest
+    }
+  );
+}
+var _Stack = forwardRef(Stack);
+_Stack.displayName = "Stack";
+
+export { _Stack };

package/dist/chunk-DZTMUFVC.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___CKcpQ", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___hNp-0", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___-jfQQ", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___Di67W" };
+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-EWMWQ2MC.js

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

package/dist/{chunk-MICIYADH.js → chunk-F7HR3VI4.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___FMF13" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___CIQko" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/chunk-FGDSWA7S.js

@@ -0,0 +1,91 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
+import { TagListContext } from './chunk-XLKYXKWE.js';
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TagGroup.module.css#css-module
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___jU0Oi", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___6FsvW", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___sB-Og", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___mOw5E", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___6ln7G" };
+var GlobalTagGroupCssSelector = "hop-TagGroup";
+function TagGroup(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TagGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    isInvalid = false,
+    style: styleProp,
+    size: sizeProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    GlobalTagGroupCssSelector,
+    stylingProps.className,
+    cssModule(
+      TagGroup_module_default,
+      "hop-TagGroup",
+      size
+    )
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [LabelContext, {
+          className: TagGroup_module_default["hop-TagGroup__label"],
+          size
+        }],
+        [TagListContext, {
+          className: TagGroup_module_default["hop-TagGroup__list"]
+        }],
+        [TagContext, {
+          className: TagGroup_module_default["hop-TagGroup__tag"],
+          isInvalid,
+          size
+        }],
+        [ErrorMessageContext, {
+          className: TagGroup_module_default["hop-TagGroup__error-message"],
+          hideIcon: true
+        }],
+        [HelperMessageContext, {
+          className: TagGroup_module_default["hop-TagGroup__helper-message"],
+          hideIcon: true
+        }],
+        [FieldErrorContext, {
+          isInvalid,
+          validationErrors: [],
+          validationDetails: {}
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        TagGroup$1,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style,
+          children
+        }
+      )
+    }
+  );
+}
+var _TagGroup = forwardRef(TagGroup);
+_TagGroup.displayName = "TagGroup";
+
+export { GlobalTagGroupCssSelector, _TagGroup };

package/dist/{chunk-FJ4WILCG.js → chunk-GBABMUAI.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-ESVVLTEN.js';
-import { _Text } from './chunk-2NABNL6G.js';
+import { _Text } from './chunk-WGDP4ECF.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___e-3g-", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___jx2fw" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___VrfVI", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___mVrpO" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/chunk-GXBVNCVP.js

@@ -0,0 +1,43 @@
+import { ContentContext } from './chunk-IXB2WK56.js';
+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';
+
+var GlobalContentCssSelector = "hop-Content";
+function Content(props, ref) {
+  [props, ref] = useContextProps(props, ref, ContentContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalContentCssSelector,
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot || void 0,
+      children
+    }
+  );
+}
+var _Content = forwardRef(Content);
+_Content.displayName = "Content";
+
+export { GlobalContentCssSelector, _Content };

package/dist/{chunk-LL2FMAAO.js → chunk-H6CDFWVR.js}

@@ -1,4 +1,4 @@
-import { __commonJS, __toESM } from './chunk-YSQDPG26.js';
+import { __commonJS, __toESM } from './chunk-2P3A4VVY.js';
 import { useLocalizedStringFormatter } from 'react-aria';
 
 // src/i18n/intl/en-US.json
@@ -6,8 +6,11 @@ var require_en_US = __commonJS({
   "src/i18n/intl/en-US.json"(exports, module) {
     module.exports = {
       "Button.spinnerAriaLabel": `Loading`,
+      "Tag.spinnerAriaLabel": `Loading`,
       "ClearButton.clearAriaLabel": `Clear`,
-      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `No characters left`, one: () => `${formatter.number(args.charLeft)} character left`, other: () => `${formatter.number(args.charLeft)} characters left` })}.`
+      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `No characters left`, one: () => `${formatter.number(args.charLeft)} character left`, other: () => `${formatter.number(args.charLeft)} characters left` })}.`,
+      "PasswordField.toggleVisibility": `Toggle password visibility`,
+      "Tag.removeAriaLabel": `Remove`
     };
   }
 });
@@ -17,8 +20,11 @@ var require_fr_CA = __commonJS({
   "src/i18n/intl/fr-CA.json"(exports, module) {
     module.exports = {
       "Button.spinnerAriaLabel": `Chargement en cours`,
+      "Tag.spinnerAriaLabel": `Chargement en cours`,
       "ClearButton.clearAriaLabel": `Effacer`,
-      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `Aucun caract\xE8re restant`, one: () => `${formatter.number(args.charLeft)} caract\xE8re restant`, other: () => `${formatter.number(args.charLeft)} caract\xE8res restants` })}.`
+      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `Aucun caract\xE8re restant`, one: () => `${formatter.number(args.charLeft)} caract\xE8re restant`, other: () => `${formatter.number(args.charLeft)} caract\xE8res restants` })}.`,
+      "PasswordField.toggleVisibility": `Basculer la visibilit\xE9 du mot de passe`,
+      "Tag.removeAriaLabel": `Supprimer`
     };
   }
 });

package/dist/chunk-HDYG2F3D.js

@@ -0,0 +1,82 @@
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { filterDOMProps } from '@react-aria/utils';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./ButtonGroup.module.css#css-module
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___3ZJC5", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___owh4g", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___BFJZq", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___MAZ-9", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___p1FOK", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___WhSP1", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___dSxDj" };
+var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
+function ButtonGroup(props, ref) {
+  var _a, _b, _c, _d, _e;
+  [props, ref] = useContextProps(props, ref, ButtonGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    children,
+    size: sizeProp,
+    isFluid: isFluidProp,
+    isDisabled = false,
+    className,
+    align: alignProp,
+    style: styleProp,
+    orientation: orientationProp,
+    wrap: wrapProp,
+    ...otherProps
+  } = ownProps;
+  const align = (_a = useResponsiveValue(alignProp)) != null ? _a : "start";
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
+  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
+  const wrap = (_d = useResponsiveValue(wrapProp)) != null ? _d : true;
+  const orientation = (_e = useResponsiveValue(orientationProp)) != null ? _e : "horizontal";
+  const classNames = clsx(
+    className,
+    GlobalButtonGroupCssSelector,
+    cssModule(
+      ButtonGroup_module_default,
+      "hop-ButtonGroup",
+      size,
+      align,
+      isFluid && "fluid",
+      wrap && "wrap",
+      orientation
+    ),
+    stylingProps.className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...filterDOMProps(otherProps, { labelable: true }),
+      ref,
+      className: classNames,
+      style,
+      slot: props.slot || void 0,
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [[
+            ButtonContext,
+            {
+              size,
+              isDisabled,
+              isFluid
+            }
+          ]],
+          children
+        }
+      )
+    }
+  );
+}
+var _ButtonGroup = forwardRef(ButtonGroup);
+_ButtonGroup.displayName = "ButtonGroup";
+
+export { GlobalButtonGroupCssSelector, _ButtonGroup };

package/dist/chunk-I67NHYK4.js

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

package/dist/chunk-IXB2WK56.js

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

package/dist/chunk-LCAS3YQV.js

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

package/dist/chunk-LJXTJRSB.js

@@ -0,0 +1 @@
+