@hopper-ui/components 1.2.1 → 1.3.1

package/dist/overlays/Popover/src/Popover.d.ts

@@ -1,13 +1,36 @@
 import * as react from 'react';
-import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { StyledSystemProps, ResponsiveProp, StyledComponentProps } from '@hopper-ui/styled-system';
 import { PopoverProps as PopoverProps$1 } from 'react-aria-components';
+import { BaseComponentProps } from '../../../utils/src/types.js';
+import { Placement } from 'react-aria';
+import '@react-types/shared';
 
 declare const GlobalPopoverCssSelector = "hop-Popover";
-interface PopoverProps extends StyledComponentProps<PopoverProps$1> {
+type PopoverContainerProps = BaseComponentProps & StyledSystemProps;
+type PopoverPlacement = Placement;
+type PopoverPlacementProp = ResponsiveProp<PopoverPlacement>;
+interface PopoverProps extends StyledComponentProps<Omit<PopoverProps$1, "placement">> {
+    /**
+     * Whether the popover should have an auto width. Only available in non-dialog popovers.
+     */
+    autoWidth?: boolean;
     /**
      * The minimum distance the trigger edge should be from the edge of the overlay element.
      */
     boundaryOffset?: number;
+    /**
+     * Whether the popover is a non-dialog. This is set to true in components such as selects.
+     */
+    isNonDialog?: boolean;
+    /**
+     * The props of the popover's inner container.
+     */
+    containerProps?: PopoverContainerProps;
+    /**
+     * The placement of the popover with respect to its anchor element.
+     * @default "bottom"
+     */
+    placement?: PopoverPlacementProp;
 }
 /**
  * Popovers are small overlays that open on demand. They let users access additional content and actions without cluttering the page.
@@ -16,4 +39,4 @@ interface PopoverProps extends StyledComponentProps<PopoverProps$1> {
  */
 declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLElement>>;
 
-export { GlobalPopoverCssSelector, _Popover as Popover, type PopoverProps };
+export { GlobalPopoverCssSelector, _Popover as Popover, type PopoverContainerProps, type PopoverPlacement, type PopoverPlacementProp, type PopoverProps };

package/dist/overlays/Popover/src/Popover.js

@@ -1,113 +1,117 @@
-export { GlobalPopoverCssSelector, _Popover as Popover } from '../../../chunk-PUNJWQAN.js';
-import '../../../chunk-I4VPBQI7.js';
+export { GlobalPopoverCssSelector, _Popover as Popover } from '../../../chunk-GG6RHMJ7.js';
 import '../../../chunk-SC6ZK5ON.js';
-import '../../../chunk-J6YYPRGY.js';
-import '../../../chunk-YWIDJ55Q.js';
-import '../../../chunk-EWMWQ2MC.js';
+import '../../../chunk-I4VPBQI7.js';
+import '../../../chunk-XHQWDF7B.js';
 import '../../../chunk-LCAS3YQV.js';
 import '../../../chunk-WWRB4K4M.js';
 import '../../../chunk-XLKYXKWE.js';
-import '../../../chunk-4APVXEPA.js';
-import '../../../chunk-QGC3OX7W.js';
+import '../../../chunk-NJHNYL6X.js';
+import '../../../chunk-NEPRDVF7.js';
 import '../../../chunk-YHBJAXUY.js';
 import '../../../chunk-H7VJS4MX.js';
-import '../../../chunk-Y7HUXUHX.js';
-import '../../../chunk-D6UTDI2K.js';
-import '../../../chunk-GFHBDUJD.js';
-import '../../../chunk-462UBJV3.js';
-import '../../../chunk-GXBVNCVP.js';
-import '../../../chunk-IXB2WK56.js';
-import '../../../chunk-TVFC2MJ4.js';
+import '../../../chunk-7QUXYE3E.js';
+import '../../../chunk-EWMWQ2MC.js';
+import '../../../chunk-SD6DBWYC.js';
 import '../../../chunk-AQITZWYM.js';
 import '../../../chunk-I67NHYK4.js';
 import '../../../chunk-N77LTZ4U.js';
-import '../../../chunk-RLDQEH6F.js';
-import '../../../chunk-QW45G6K4.js';
-import '../../../chunk-VQC5F6I7.js';
+import '../../../chunk-Y7HUXUHX.js';
+import '../../../chunk-D6UTDI2K.js';
+import '../../../chunk-TVFC2MJ4.js';
+import '../../../chunk-GFHBDUJD.js';
+import '../../../chunk-YD2TGFCB.js';
 import '../../../chunk-3NKF5TPD.js';
-import '../../../chunk-XI3BX2TP.js';
-import '../../../chunk-IU6XMS2X.js';
+import '../../../chunk-JVZRUDLP.js';
 import '../../../chunk-Z57VHYOF.js';
+import '../../../chunk-IU6XMS2X.js';
 import '../../../chunk-MHQZXLKW.js';
-import '../../../chunk-ZEXXNE5U.js';
+import '../../../chunk-QAIK237T.js';
 import '../../../chunk-O4XPUINW.js';
-import '../../../chunk-3LRBUQC2.js';
-import '../../../chunk-J7BXE7WN.js';
+import '../../../chunk-GXBVNCVP.js';
+import '../../../chunk-IXB2WK56.js';
+import '../../../chunk-2WWHL3EF.js';
 import '../../../chunk-MTDFS4CZ.js';
 import '../../../chunk-ZQ3AWYRR.js';
-import '../../../chunk-LJXTJRSB.js';
-import '../../../chunk-F47GZGT7.js';
-import '../../../chunk-TXZ6BMFR.js';
-import '../../../chunk-XUCH26RT.js';
-import '../../../chunk-TFELIWJO.js';
+import '../../../chunk-BV7O26TY.js';
+import '../../../chunk-PUMWU6M4.js';
 import '../../../chunk-6BFSSZCY.js';
-import '../../../chunk-2DPE3H3G.js';
-import '../../../chunk-CSE22YXO.js';
-import '../../../chunk-WDUQUPTE.js';
+import '../../../chunk-QW45G6K4.js';
+import '../../../chunk-D2GZKHYD.js';
+import '../../../chunk-EUELVL2L.js';
 import '../../../chunk-ZGNK4GWA.js';
 import '../../../chunk-N7YDPVZL.js';
-import '../../../chunk-MFFXNI66.js';
-import '../../../chunk-H5YTU3U7.js';
-import '../../../chunk-YXD3IR3T.js';
-import '../../../chunk-WMTWFKKP.js';
+import '../../../chunk-3LRBUQC2.js';
+import '../../../chunk-WDUQUPTE.js';
+import '../../../chunk-ANBOSYAL.js';
 import '../../../chunk-VJQ7M2BK.js';
-import '../../../chunk-WYBQCRQB.js';
+import '../../../chunk-HLXQ6C2E.js';
 import '../../../chunk-DXVKHP4V.js';
-import '../../../chunk-DZKJZSTQ.js';
+import '../../../chunk-TJMAMWRQ.js';
 import '../../../chunk-O7IJYNVQ.js';
-import '../../../chunk-O5PTD6IN.js';
-import '../../../chunk-AGRQ7UGN.js';
+import '../../../chunk-T24MBA34.js';
+import '../../../chunk-ARD3LWL2.js';
+import '../../../chunk-EHXOXTDN.js';
+import '../../../chunk-LJXTJRSB.js';
+import '../../../chunk-47SFZCKK.js';
+import '../../../chunk-TXZ6BMFR.js';
+import '../../../chunk-OLXX46IZ.js';
+import '../../../chunk-ESWRMGHR.js';
+import '../../../chunk-H5YTU3U7.js';
+import '../../../chunk-USVXH6MO.js';
 import '../../../chunk-4ZYV2XLW.js';
-import '../../../chunk-C7XRB2J6.js';
+import '../../../chunk-WMTWFKKP.js';
+import '../../../chunk-O5PTD6IN.js';
+import '../../../chunk-52LHX4PE.js';
 import '../../../chunk-4VVNSXIB.js';
-import '../../../chunk-LXCCS4SA.js';
+import '../../../chunk-ZG5E36S3.js';
 import '../../../chunk-TIPN4VYD.js';
-import '../../../chunk-JTNMFPM4.js';
 import '../../../chunk-5H5AZJPQ.js';
 import '../../../chunk-UIEP5BA5.js';
-import '../../../chunk-4H7PKEMJ.js';
-import '../../../chunk-NKHMUPAP.js';
-import '../../../chunk-ZPPQJKHC.js';
-import '../../../chunk-F4KQUFXI.js';
-import '../../../chunk-5MBJWRZD.js';
-import '../../../chunk-A7TZHALP.js';
+import '../../../chunk-WDA6LWC4.js';
+import '../../../chunk-SFZBLVJN.js';
+import '../../../chunk-L3Y67TUF.js';
 import '../../../chunk-FU5CCPLP.js';
 import '../../../chunk-DGLAGYBD.js';
-import '../../../chunk-T7QJEHL7.js';
-import '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-5MBJWRZD.js';
+import '../../../chunk-NKHMUPAP.js';
+import '../../../chunk-A7TZHALP.js';
+import '../../../chunk-D7VVQIPM.js';
 import '../../../chunk-2EAZPH3M.js';
-import '../../../chunk-F4H76S4H.js';
-import '../../../chunk-ZWU6DRRZ.js';
-import '../../../chunk-65JPI4FL.js';
+import '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-TFVDF4YH.js';
 import '../../../chunk-Y2POLIXK.js';
-import '../../../chunk-WQSVNGFJ.js';
+import '../../../chunk-XF4SQ222.js';
 import '../../../chunk-OKZYR4RF.js';
-import '../../../chunk-TM4R5NO7.js';
+import '../../../chunk-ZWU6DRRZ.js';
+import '../../../chunk-65JPI4FL.js';
+import '../../../chunk-EMD2K6B3.js';
 import '../../../chunk-HZKFQ33E.js';
 import '../../../chunk-NMKBUGSO.js';
-import '../../../chunk-55AWCUQF.js';
+import '../../../chunk-BF6YUKC2.js';
 import '../../../chunk-DHVVYSLB.js';
+import '../../../chunk-A2S2Q73W.js';
+import '../../../chunk-NH3IVMXB.js';
+import '../../../chunk-FAE27DLF.js';
 import '../../../chunk-EURJK4ZT.js';
 import '../../../chunk-L5A2UTQV.js';
 import '../../../chunk-7JOGKC3W.js';
-import '../../../chunk-IUFABTFZ.js';
+import '../../../chunk-5NMCOZOW.js';
 import '../../../chunk-FYIHMKHI.js';
-import '../../../chunk-6WKRP4MN.js';
-import '../../../chunk-MX5BW5VE.js';
+import '../../../chunk-2ZOLM7VR.js';
+import '../../../chunk-JVDCU4PT.js';
 import '../../../chunk-WPNVVGFW.js';
+import '../../../chunk-X2T2UX2O.js';
 import '../../../chunk-CQDLZ42T.js';
-import '../../../chunk-BN32T6QQ.js';
-import '../../../chunk-NH3IVMXB.js';
-import '../../../chunk-FAE27DLF.js';
-import '../../../chunk-RYZNMKWB.js';
-import '../../../chunk-SPFANCCV.js';
-import '../../../chunk-NS3XVOQ7.js';
-import '../../../chunk-K7DU4YR4.js';
+import '../../../chunk-CIGS4QGT.js';
+import '../../../chunk-UNSJTDXN.js';
+import '../../../chunk-HXPTWMD5.js';
+import '../../../chunk-QCTIAKM6.js';
 import '../../../chunk-X6SER3TZ.js';
+import '../../../chunk-NS3XVOQ7.js';
 import '../../../chunk-HXI3MEEK.js';
-import '../../../chunk-CXWMHWSS.js';
+import '../../../chunk-QSWSZUZM.js';
 import '../../../chunk-AES7QBQE.js';
-import '../../../chunk-THUFFPGX.js';
+import '../../../chunk-BO53NITW.js';
 import '../../../chunk-M36KANKC.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JWW56J7M.js';

package/dist/overlays/Popover/src/PopoverContext.d.ts

@@ -2,6 +2,9 @@ import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { PopoverProps } from './Popover.js';
 import '@hopper-ui/styled-system';
+import '../../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria';
 
 declare const PopoverContext: react.Context<ContextValue<PopoverProps, HTMLElement>>;