@hopper-ui/components 1.3.28 → 1.3.30

package/dist/{chunk-6OTV3GUL.js → chunk-WR3P4XWE.js}

@@ -1,13 +1,12 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-C6MQIVDN.js';
-import { _EmbeddedButton } from './chunk-52F3MKBS.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
+import { _InputGroup } from './chunk-LFCEYG5R.js';
+import { _EmbeddedButton } from './chunk-S5NKOTEO.js';
+import { _Label } from './chunk-J4ZUH2ZP.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { _HelperMessage } from './chunk-4I7NFPPR.js';
+import { _ErrorMessage } from './chunk-NE3BRLPL.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -19,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___mPUff", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___j3C5T", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___ygcKY", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___K5q58", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___2NKjR", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___HkLpI" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___ozFq3", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___GckKM", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___NrzwJ", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___NPzyy", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___kTt0D", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___dX59N" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -36,7 +35,6 @@ function PasswordField(props, ref) {
     style: styleProp,
     size,
     placeholder,
-    children,
     isFluid: isFluidProp,
     isDisabled,
     isInvalid,
@@ -45,6 +43,9 @@ function PasswordField(props, ref) {
     inputGroupProps,
     inputProps,
     embeddedButtonProps,
+    label,
+    description,
+    errorMessage,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -94,22 +95,12 @@ function PasswordField(props, ref) {
       ]
     }
   ) });
-  const childrenMarkup = composeRenderProps(children, (prev) => {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"], isRequired, necessityIndicator }],
-            [HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
-            [ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
-          ],
-          children: prev
-        }
-      ),
-      inputMarkup
-    ] });
-  });
+  const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsx(_Label, { className: PasswordField_module_default["hop-PasswordField__Label"], isRequired, necessityIndicator, children: label }),
+    inputMarkup,
+    description && /* @__PURE__ */ jsx(_HelperMessage, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"], children: description }),
+    /* @__PURE__ */ jsx(_ErrorMessage, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"], children: errorMessage })
+  ] });
   return /* @__PURE__ */ jsx(
     TextField,
     {

package/dist/{chunk-KT4C4WUK.js → chunk-WUZ4LSNY.js}

@@ -1,9 +1,9 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-C6MQIVDN.js';
-import { _ClearButton } from './chunk-YFVVNMTC.js';
-import { _Label } from './chunk-TYVU3UXB.js';
-import { _ErrorMessage } from './chunk-7QM2UR6P.js';
-import { _HelperMessage } from './chunk-ZONJLY6Q.js';
+import { _InputGroup } from './chunk-LFCEYG5R.js';
+import { _ClearButton } from './chunk-DOKGX5N4.js';
+import { _Label } from './chunk-J4ZUH2ZP.js';
+import { _HelperMessage } from './chunk-4I7NFPPR.js';
+import { _ErrorMessage } from './chunk-NE3BRLPL.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___ezSiA", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Bellt", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___givYk", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___zvvpE", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___CbbSP", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___AqOk-", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yG3JK", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___cVYSA", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___u8gav" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___K0P1D", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___5BEAC", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___mLgrX", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___hJQMz", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___29uiz", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___61LnC", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yImMN", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___OwyoP", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___Gk-4Q" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-DEECPTTW.js → chunk-YWNQJ4FB.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___zkc8X", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___v-JEU", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___U7tpC", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___VnjP3", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___2mKtM", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fQ3p5", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___mlvNE", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___i1Att" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___NLAdb", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___bjoiP", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Faklh", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___gGZL-", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___kHdPh", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jrggd", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___s0A0K" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-PD5FZEQT.js → chunk-ZZVFZ7I7.js}

@@ -1,6 +1,6 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___efu6j Button-module__hop-Button___Vk-pE", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___oPDPl Button-module__hop-Button--fluid___XjOkt", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___xP6Jk Button-module__hop-Button--sm___vWCBa", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___r5DHx Button-module__hop-Button--icon-only___PBAQR", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___cL09b Button-module__hop-Button--primary___QJ38L", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___t-TiX Button-module__hop-Button--secondary___dNIwa", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___F7nXT Button-module__hop-Button--upsell___M3u91", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___-A3TZ Button-module__hop-Button--danger___h-7f6", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___Al9wK Button-module__hop-Button--ghost-primary___QNVJ5", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___t3JrV Button-module__hop-Button--ghost-secondary___2ajOS", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___LqnKU Button-module__hop-Button--ghost-danger___5qpRc", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___RMQaG Button-module__hop-Button__Spinner___raEcs", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___sp9Vi Button-module__hop-Button__icon___-UKFx", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___-fVqo Button-module__hop-Button__icon___-UKFx", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___9vBjE Button-module__hop-Button__text___bccEP", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___1WpBe Button-module__hop-Button__end-icon___5glB6", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___zOSvo Button-module__hop-Button__end-icon___5glB6" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___Nj0Ez Button-module__hop-Button___jIok0", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___uwufw Button-module__hop-Button--fluid___3hPMs", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___huQBY Button-module__hop-Button--sm___H3RDg", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___zzlkw Button-module__hop-Button--icon-only___GoXzR", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___nMur6 Button-module__hop-Button--primary___vgEZd", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___kDEB2 Button-module__hop-Button--secondary___4ojx0", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___xtwhv Button-module__hop-Button--upsell___c51Bt", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___69kyk Button-module__hop-Button--danger___UOWQg", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___g4fE3 Button-module__hop-Button--ghost-primary___y4YEd", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___8LJFE Button-module__hop-Button--ghost-secondary___uvrka", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___Y6Rmg Button-module__hop-Button--ghost-danger___bjJPS", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___e2B0h Button-module__hop-Button__Spinner___2tcd1", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___wtxIK Button-module__hop-Button__icon___CFah2", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___mZ05E Button-module__hop-Button__icon___CFah2", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___6LytT Button-module__hop-Button__text___CsFXb", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___Km2yV Button-module__hop-Button__end-icon___VQbbq", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___Vpapw Button-module__hop-Button__end-icon___VQbbq" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;
@@ -90,11 +90,11 @@ function LinkButton(props, ref) {
       children: /* @__PURE__ */ jsx(
         Link,
         {
-          ...otherProps,
           ref,
           className: classNames,
           style,
           slot: props.slot || void 0,
+          ...otherProps,
           children
         }
       )