@hopper-ui/components 1.0.4 → 1.0.6

package/dist/{chunk-FGDSWA7S.js → chunk-37NW34QM.js}

@@ -1,11 +1,11 @@
+import { TagListContext } from './chunk-XLKYXKWE.js';
 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 { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 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 TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___HSRyk", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___2FqNk", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___PssjU", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Nd-LK", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___-MMag" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-F7HR3VI4.js → chunk-3A6TTZAA.js}

@@ -1,5 +1,5 @@
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___CIQko" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___dMC-1" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-LSVXKVG4.js → chunk-3LH2JHUO.js}

@@ -1,20 +1,20 @@
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.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, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___yIO9B", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___5T2Lo", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___BZM-X", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___WVEIT", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___LUFIK", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___PUjTi" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___J0v3l", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___4s1y7", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___RXQBs", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ArBfp" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-ZAJJD5FY.js → chunk-4JAV3FIH.js}

@@ -1,12 +1,12 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-WGDP4ECF.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { IconListContext } from './chunk-DHVVYSLB.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';
@@ -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___wvxPf", "hop-Switch--sm": "Switch-module__hop-Switch--sm___lZll1", "hop-Switch--md": "Switch-module__hop-Switch--md___BUSV8", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___M3TnD", "hop-Switch__text": "Switch-module__hop-Switch__text___rMMHM", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___Ee4Bd", "hop-Switch__icon": "Switch-module__hop-Switch__icon___FP-3-" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___xTzRj", "hop-Switch--sm": "Switch-module__hop-Switch--sm___pMOUQ", "hop-Switch--md": "Switch-module__hop-Switch--md___XkV-u", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___tCcAc", "hop-Switch__text": "Switch-module__hop-Switch__text___nvsfu", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___322IP", "hop-Switch__icon": "Switch-module__hop-Switch__icon___IIFNL" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/chunk-4TXFHYHL.js

@@ -0,0 +1,52 @@
+import { ListBoxItemSkeletonContext } from './chunk-OKZYR4RF.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./ListBoxItemSkeleton.module.css#css-module
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___vxdl4", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lRdbr", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yWx0f", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___S7Deh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Rrcau" };
+var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
+function ListBoxItemSkeleton(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, ListBoxItemSkeletonContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    size: sizeProp,
+    style: styleProp,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const classNames = clsx(
+    className,
+    GlobalListBoxItemSkeletonCssSelector,
+    cssModule(
+      ListBoxItemSkeleton_module_default,
+      "hop-ListBoxItemSkeleton",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      slot: slot != null ? slot : void 0
+    }
+  );
+}
+var _ListBoxItemSkeleton = forwardRef(ListBoxItemSkeleton);
+_ListBoxItemSkeleton.displayName = "ListBoxItemSkeleton";
+
+export { GlobalListBoxItemSkeletonCssSelector, _ListBoxItemSkeleton };

package/dist/{chunk-OMBQ3J4O.js → chunk-53FHDOG7.js}

@@ -1,12 +1,12 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-WGDP4ECF.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___MrfEd", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___2-ZcA", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___OXH4N", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___TlqDF", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___4NMA8", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___xk3k3", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___2zKRr", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___Ldp1m" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___kkfkh", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___TlPED", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___RChm-", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___rF14S", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___meRzS", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___FP707", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___riT8C", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___qqh1A", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___0yaup", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___QslyE", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___dS-ci" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;
@@ -25,6 +25,9 @@ function Checkbox(props, ref) {
     children: childrenProp,
     size: sizeProp = "md",
     style: styleProp,
+    isPressed,
+    isHovered,
+    isFocused,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
@@ -34,7 +37,10 @@ function Checkbox(props, ref) {
     cssModule(
       Checkbox_module_default,
       "hop-Checkbox",
-      size
+      size,
+      isPressed && "pressed",
+      isHovered && "hovered",
+      isFocused && "focused"
     ),
     stylingProps.className
   );

package/dist/chunk-5H5AZJPQ.js

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

package/dist/{chunk-WTKIUAHI.js → chunk-632B5YBQ.js}

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

package/dist/{chunk-XSASR6CK.js → chunk-6QMIRVLY.js}

@@ -1,8 +1,8 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___-xrw1", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___E54A8", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___zTOLT", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___xBzvs", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ZmA-j" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___sv7hL", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Kkdsk", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___2zUca", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___0-Wfs", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ziF8w" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-7JOGKC3W.js

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

package/dist/chunk-AES7QBQE.js

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