@hopper-ui/components 1.2.0 → 1.3.0

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,115 @@
-export { GlobalPopoverCssSelector, _Popover as Popover } from '../../../chunk-TCOZUCPD.js';
-import '../../../chunk-I4VPBQI7.js';
+export { GlobalPopoverCssSelector, _Popover as Popover } from '../../../chunk-SCXYAGZI.js';
 import '../../../chunk-SC6ZK5ON.js';
-import '../../../chunk-FOD7XUSJ.js';
-import '../../../chunk-V5Q245NH.js';
-import '../../../chunk-EWMWQ2MC.js';
-import '../../../chunk-LCAS3YQV.js';
+import '../../../chunk-I4VPBQI7.js';
 import '../../../chunk-WWRB4K4M.js';
+import '../../../chunk-LFN43ROH.js';
+import '../../../chunk-H7VJS4MX.js';
+import '../../../chunk-FOXOPL2E.js';
+import '../../../chunk-DFVORYEU.js';
 import '../../../chunk-XLKYXKWE.js';
-import '../../../chunk-VYKPDMP3.js';
-import '../../../chunk-MJHMFANK.js';
+import '../../../chunk-EWMWQ2MC.js';
+import '../../../chunk-LCAS3YQV.js';
+import '../../../chunk-SKEMSZ63.js';
+import '../../../chunk-7L5MCX2A.js';
 import '../../../chunk-YHBJAXUY.js';
-import '../../../chunk-H7VJS4MX.js';
-import '../../../chunk-Y7HUXUHX.js';
-import '../../../chunk-D6UTDI2K.js';
-import '../../../chunk-GFHBDUJD.js';
-import '../../../chunk-PFABSIDM.js';
-import '../../../chunk-GXBVNCVP.js';
-import '../../../chunk-IXB2WK56.js';
-import '../../../chunk-TVFC2MJ4.js';
 import '../../../chunk-AQITZWYM.js';
 import '../../../chunk-I67NHYK4.js';
 import '../../../chunk-N77LTZ4U.js';
-import '../../../chunk-TG623HPA.js';
-import '../../../chunk-QW45G6K4.js';
-import '../../../chunk-S5CK32KM.js';
-import '../../../chunk-3NKF5TPD.js';
-import '../../../chunk-HCRWIU7V.js';
-import '../../../chunk-IU6XMS2X.js';
+import '../../../chunk-Y7HUXUHX.js';
+import '../../../chunk-D6UTDI2K.js';
+import '../../../chunk-GFHBDUJD.js';
+import '../../../chunk-GRJ3VKHY.js';
 import '../../../chunk-Z57VHYOF.js';
+import '../../../chunk-IU6XMS2X.js';
 import '../../../chunk-MHQZXLKW.js';
-import '../../../chunk-FA4IXLWZ.js';
+import '../../../chunk-LYPR2YMY.js';
 import '../../../chunk-O4XPUINW.js';
-import '../../../chunk-3LRBUQC2.js';
-import '../../../chunk-VISBUD2K.js';
+import '../../../chunk-GXBVNCVP.js';
+import '../../../chunk-IXB2WK56.js';
+import '../../../chunk-TVFC2MJ4.js';
+import '../../../chunk-4RMADICI.js';
 import '../../../chunk-MTDFS4CZ.js';
 import '../../../chunk-ZQ3AWYRR.js';
-import '../../../chunk-LJXTJRSB.js';
-import '../../../chunk-PQXVL3YJ.js';
-import '../../../chunk-TXZ6BMFR.js';
-import '../../../chunk-RWAVMW7T.js';
-import '../../../chunk-Q63YLWI6.js';
+import '../../../chunk-CU36N5JQ.js';
+import '../../../chunk-QW45G6K4.js';
+import '../../../chunk-CWX45XWS.js';
+import '../../../chunk-ZHOQYYHY.js';
 import '../../../chunk-6BFSSZCY.js';
-import '../../../chunk-BKCMCC7V.js';
-import '../../../chunk-IXWYHDGU.js';
+import '../../../chunk-3NKF5TPD.js';
+import '../../../chunk-JIRLWUDP.js';
+import '../../../chunk-N7YDPVZL.js';
+import '../../../chunk-3LRBUQC2.js';
 import '../../../chunk-WDUQUPTE.js';
+import '../../../chunk-BTHPJL3A.js';
+import '../../../chunk-DXVKHP4V.js';
+import '../../../chunk-D7DIUGRI.js';
+import '../../../chunk-O7IJYNVQ.js';
+import '../../../chunk-T742LIIS.js';
 import '../../../chunk-ZGNK4GWA.js';
-import '../../../chunk-N7YDPVZL.js';
-import '../../../chunk-U56LEEEA.js';
+import '../../../chunk-TOWSC7FO.js';
 import '../../../chunk-H5YTU3U7.js';
-import '../../../chunk-RQKU3XDG.js';
+import '../../../chunk-3573Q6QG.js';
+import '../../../chunk-4ZYV2XLW.js';
+import '../../../chunk-T37HTUEU.js';
 import '../../../chunk-WMTWFKKP.js';
 import '../../../chunk-VJQ7M2BK.js';
-import '../../../chunk-2XO5CZBO.js';
-import '../../../chunk-DXVKHP4V.js';
-import '../../../chunk-5IB23E3O.js';
-import '../../../chunk-O7IJYNVQ.js';
 import '../../../chunk-O5PTD6IN.js';
-import '../../../chunk-CKKLDA5J.js';
-import '../../../chunk-4ZYV2XLW.js';
-import '../../../chunk-SZSQZ4C7.js';
+import '../../../chunk-T24MBA34.js';
+import '../../../chunk-YB7IYQW4.js';
+import '../../../chunk-EHXOXTDN.js';
+import '../../../chunk-LJXTJRSB.js';
+import '../../../chunk-HIDHDS2L.js';
+import '../../../chunk-BODCT27J.js';
+import '../../../chunk-TXZ6BMFR.js';
+import '../../../chunk-3ZRCYKIV.js';
 import '../../../chunk-4VVNSXIB.js';
-import '../../../chunk-W2BQZEW6.js';
+import '../../../chunk-QQI3KNHZ.js';
 import '../../../chunk-TIPN4VYD.js';
-import '../../../chunk-JTNMFPM4.js';
 import '../../../chunk-5H5AZJPQ.js';
 import '../../../chunk-UIEP5BA5.js';
-import '../../../chunk-W474WFOP.js';
-import '../../../chunk-NKHMUPAP.js';
-import '../../../chunk-J44DIB5J.js';
-import '../../../chunk-EJUIYBAC.js';
+import '../../../chunk-6C5RI4RT.js';
+import '../../../chunk-SSDFINDD.js';
+import '../../../chunk-DGLAGYBD.js';
 import '../../../chunk-5MBJWRZD.js';
+import '../../../chunk-NKHMUPAP.js';
 import '../../../chunk-A7TZHALP.js';
+import '../../../chunk-TTY5HDLL.js';
 import '../../../chunk-FU5CCPLP.js';
-import '../../../chunk-DGLAGYBD.js';
-import '../../../chunk-FOKTHCFK.js';
-import '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-OLS7K6PO.js';
 import '../../../chunk-2EAZPH3M.js';
-import '../../../chunk-F4H76S4H.js';
+import '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-TFVDF4YH.js';
 import '../../../chunk-ZWU6DRRZ.js';
 import '../../../chunk-65JPI4FL.js';
 import '../../../chunk-Y2POLIXK.js';
-import '../../../chunk-UT4CSUUM.js';
+import '../../../chunk-T3CLGQI6.js';
 import '../../../chunk-OKZYR4RF.js';
-import '../../../chunk-L5KI4ZCL.js';
+import '../../../chunk-6H5DRQZH.js';
 import '../../../chunk-HZKFQ33E.js';
 import '../../../chunk-NMKBUGSO.js';
-import '../../../chunk-IUOLKHYQ.js';
+import '../../../chunk-CAHZCRTK.js';
 import '../../../chunk-DHVVYSLB.js';
 import '../../../chunk-EURJK4ZT.js';
 import '../../../chunk-L5A2UTQV.js';
 import '../../../chunk-7JOGKC3W.js';
-import '../../../chunk-X253QCYD.js';
-import '../../../chunk-CEUQHDEQ.js';
+import '../../../chunk-DLZGJBL7.js';
+import '../../../chunk-FYIHMKHI.js';
+import '../../../chunk-DXEWBV4C.js';
+import '../../../chunk-C72PRNOP.js';
 import '../../../chunk-WPNVVGFW.js';
 import '../../../chunk-CQDLZ42T.js';
-import '../../../chunk-354H4FNA.js';
-import '../../../chunk-FYIHMKHI.js';
-import '../../../chunk-T6MAOVLH.js';
+import '../../../chunk-BRU54ERL.js';
 import '../../../chunk-NH3IVMXB.js';
 import '../../../chunk-FAE27DLF.js';
-import '../../../chunk-JJ4EFTES.js';
-import '../../../chunk-COIGQP33.js';
+import '../../../chunk-O2ZMTKCT.js';
+import '../../../chunk-AZJME7JV.js';
 import '../../../chunk-NS3XVOQ7.js';
-import '../../../chunk-XT2MZWEV.js';
+import '../../../chunk-D5PBETXF.js';
 import '../../../chunk-X6SER3TZ.js';
 import '../../../chunk-HXI3MEEK.js';
-import '../../../chunk-XUJNQNB3.js';
+import '../../../chunk-BQITTESM.js';
 import '../../../chunk-AES7QBQE.js';
-import '../../../chunk-M3K4IYX6.js';
+import '../../../chunk-JQMXGSAE.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>>;