@sanity-labs/ui-poc 0.0.1-alpha.15 → 0.0.1-alpha.16

package/dist/index.d.ts

@@ -592,6 +592,17 @@ declare type PositionProps = {
   left?: Responsive<SpaceAuto>
 }
 
+/** @public */
+export declare function PressArea<T extends ElementType = 'button'>(
+  props: PressAreaProps<T> & Omit<ComponentPropsWithRef<T>, keyof PressAreaProps<T>>,
+): JSX.Element
+
+/** @public */
+declare interface PressAreaProps<T extends React.ElementType> {
+  /** Element to render */
+  as?: InteractiveAs<T>
+}
+
 /** @beta */
 export declare function Radio(props: RadioProps): JSX.Element
 

package/dist/index.js

@@ -1431,11 +1431,14 @@ function Tooltip({ placement = "bottom", ...props }) {
   }, [dismissed]);
   const trigger = cloneElement(children, {
     "aria-describedby": id,
-    onBlur: (e) => {
-      children.props.onBlur?.(e), setDismissed(!1);
+    onMouseEnter: (e) => {
+      setDismissed(!1), children.props.onMouseEnter?.(e);
     },
-    onMouseLeave: (e) => {
-      children.props.onMouseLeave?.(e), setDismissed(!1);
+    onFocus: (e) => {
+      setDismissed(!1), children.props.onFocus?.(e);
+    },
+    onClick: (e) => {
+      setDismissed(!0), children.props.onClick?.(e);
     },
     style: {
       ...children.props.style,
@@ -1522,6 +1525,24 @@ function VStack(props) {
     }
   );
 }
+const pressAreaProps = {
+  as: {
+    type: "string"
+  }
+};
+function PressArea(props) {
+  const { as, children, className, style, ...rest } = getProps(props, pressAreaProps);
+  return /* @__PURE__ */ jsx(
+    as || "button",
+    {
+      className: classNames("sui-PressArea", "sui-width-full", className),
+      style,
+      "data-ui": "PressArea",
+      ...rest,
+      children
+    }
+  );
+}
 export {
   Box,
   Button,
@@ -1542,6 +1563,7 @@ export {
   Label,
   Link,
   List,
+  PressArea,
   Radio,
   SkipToContent,
   Spinner,