@tecsinapse/cortex-react 1.3.0-beta.2 → 1.3.0-beta.3

package/dist/esm/components/Input/Box.js

@@ -0,0 +1,30 @@
+import { inputBox, labelStyle } from '@tecsinapse/cortex-core';
+import clsx from 'clsx';
+import React from 'react';
+
+const InputBox = React.forwardRef(
+  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        id: id ?? name,
+        name,
+        placeholder: placeholder ?? " ",
+        className: clsx(inputBox(placeholder, label, className)),
+        ...rest,
+        ref,
+        "data-testid": "input-box"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: id ?? name,
+        className: labelStyle({ intent: variants?.intent, placeholder }),
+        "data-testid": "input-label"
+      },
+      label
+    ));
+  }
+);
+
+export { InputBox };

package/dist/esm/components/Input/Face.js

@@ -0,0 +1,28 @@
+import { input } from '@tecsinapse/cortex-core';
+import clsx from 'clsx';
+import React from 'react';
+
+const getValidChildren = (children) => {
+  return React.Children.toArray(children).filter(
+    (el) => React.isValidElement(el)
+  );
+};
+const InputFace = React.forwardRef(
+  ({ children, variants, className, ...rest }, ref) => {
+    const clones = getValidChildren(children).map((el) => {
+      return React.cloneElement(el, { ...el.props, variants });
+    });
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "data-testid": "input-face",
+        ...rest,
+        className: clsx(input(variants), className),
+        ref
+      },
+      clones
+    );
+  }
+);
+
+export { InputFace };

package/dist/esm/components/Input/Left.js

@@ -0,0 +1,10 @@
+import clsx from 'clsx';
+import React from 'react';
+
+const InputLeft = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
+  }
+);
+
+export { InputLeft };

package/dist/esm/components/Input/Right.js

@@ -0,0 +1,10 @@
+import clsx from 'clsx';
+import React from 'react';
+
+const InputRight = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
+  }
+);
+
+export { InputRight };

package/dist/esm/components/Input/Root.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputBox } from './Box.js';
+import { InputFace } from './Face.js';
+
+const InputRoot = React.forwardRef(
+  ({ variants, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(InputFace, { variants, className }, /* @__PURE__ */ React.createElement(InputBox, { ...rest, ref }));
+  }
+);
+
+export { InputRoot };

package/dist/esm/components/Input/Search.js

@@ -0,0 +1,23 @@
+import React, { useState, useEffect } from 'react';
+import { IoSearchOutline } from 'react-icons/io5';
+import { Input } from './index.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useDebouncedState } from '../../hooks/useDebouncedState.js';
+import '@floating-ui/react';
+
+const InputSearch = React.forwardRef(
+  ({ bounceTimeout = 1e3, variants, className, onChange, ...rest }, ref) => {
+    const [bouncedTextEvent, setBouncedTextEvent] = useState();
+    const [searchInputEvent, setSearchInputEvent] = useDebouncedState(void 0, setBouncedTextEvent, bounceTimeout);
+    useEffect(() => {
+      if (onChange && searchInputEvent) {
+        onChange(searchInputEvent);
+      }
+    }, [bouncedTextEvent]);
+    return /* @__PURE__ */ React.createElement(Input.Face, { variants, className }, /* @__PURE__ */ React.createElement(Input.Left, null, /* @__PURE__ */ React.createElement(IoSearchOutline, { "data-testid": "icon-search-left" })), /* @__PURE__ */ React.createElement(Input.Box, { ...rest, ref, onChange: (e) => setSearchInputEvent(e) }));
+  }
+);
+
+export { InputSearch };

package/dist/esm/components/Input/index.js

@@ -0,0 +1,17 @@
+import { InputBox } from './Box.js';
+import { InputFace } from './Face.js';
+import { InputLeft } from './Left.js';
+import { InputRight } from './Right.js';
+import { InputRoot } from './Root.js';
+import { InputSearch } from './Search.js';
+
+const Input = {
+  Root: InputRoot,
+  Face: InputFace,
+  Box: InputBox,
+  Left: InputLeft,
+  Right: InputRight,
+  Search: InputSearch
+};
+
+export { Input };

package/dist/esm/components/Popover/Popover.js

@@ -0,0 +1,11 @@
+import PopoverRoot from './PopoverRoot.js';
+import PopoverTrigger from './PopoverTrigger.js';
+import PopoverContent from './PopoverContent.js';
+
+const Popover = {
+  Root: PopoverRoot,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent
+};
+
+export { Popover };

package/dist/esm/components/Popover/PopoverContent.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import clsx from 'clsx';
+import { usePopoverContext } from './PopoverContext.js';
+
+const PopoverContent = ({ children, className }) => {
+  const { isOpen, x, y, strategy, floatingStyles, refs } = usePopoverContext();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: refs.setFloating,
+      className: clsx(
+        "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50",
+        className
+      ),
+      style: {
+        position: strategy,
+        top: y ?? 0,
+        left: x ?? 0,
+        ...floatingStyles
+      }
+    },
+    children
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+};
+
+export { PopoverContent as default };

package/dist/esm/components/Popover/PopoverContext.js

@@ -0,0 +1,26 @@
+import React, { createContext, useContext } from 'react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useFloatingLogic } from '../../hooks/useFloatingLogic.js';
+
+const PopoverContext = createContext(
+  void 0
+);
+const usePopoverContext = () => {
+  const context = useContext(PopoverContext);
+  if (!context) {
+    throw new Error("usePopoverContext must be used within a PopoverProvider");
+  }
+  return context;
+};
+const PopoverProvider = ({
+  children,
+  placement,
+  trigger
+}) => {
+  const floatingLogic = useFloatingLogic({ placement, trigger });
+  return /* @__PURE__ */ React.createElement(PopoverContext.Provider, { value: { ...floatingLogic } }, children);
+};
+
+export { PopoverProvider, usePopoverContext };

package/dist/esm/components/Popover/PopoverRoot.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PopoverProvider } from './PopoverContext.js';
+
+const PopoverRoot = ({ children, placement, trigger }) => {
+  return /* @__PURE__ */ React.createElement(PopoverProvider, { placement, trigger }, children);
+};
+
+export { PopoverRoot as default };

package/dist/esm/components/Popover/PopoverTrigger.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { usePopoverContext } from './PopoverContext.js';
+
+const PopoverTrigger = ({ children }) => {
+  const { triggerProps } = usePopoverContext();
+  return React.cloneElement(children, triggerProps);
+};
+
+export { PopoverTrigger as default };

package/dist/esm/components/RangeCalendar.js

@@ -3,6 +3,7 @@ import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import { useRangeCalendar } from '../hooks/useRangeCalendar.js';
+import '@floating-ui/react';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 

package/dist/esm/components/Select/Root.js

@@ -3,6 +3,7 @@ import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import { useOutsideClickListener } from '../../hooks/useOutsideClickListener.js';
+import '@floating-ui/react';
 import { SelectContext } from './context.js';
 
 const SelectRoot = ({

package/dist/esm/components/TimeFieldInput.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Input } from './Input.js';
+import { Input } from './Input/index.js';
 import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
 import TimeField from './TimeField.js';
 

package/dist/esm/components/Tooltip.js

@@ -0,0 +1,45 @@
+import React, { forwardRef, useRef } from 'react';
+import { FloatingArrow } from '@floating-ui/react';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import { useFloatingLogic } from '../hooks/useFloatingLogic.js';
+
+forwardRef((props, ref) => {
+  const {
+    children,
+    text,
+    trigger = "hover",
+    placement = "top",
+    width,
+    height
+  } = props;
+  const arrowRef = useRef(null);
+  const {
+    isOpen,
+    triggerProps,
+    x,
+    y,
+    strategy,
+    refs,
+    context,
+    floatingStyles
+  } = useFloatingLogic({ placement, arrowRef, trigger });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: ref || refs.setFloating,
+      className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
+      style: {
+        position: strategy,
+        top: y ?? 0,
+        left: x ?? 0,
+        width,
+        height,
+        ...floatingStyles
+      }
+    },
+    text,
+    /* @__PURE__ */ React.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+});

package/dist/esm/hooks/useFloatingLogic.js

@@ -0,0 +1,51 @@
+import { useState, useEffect } from 'react';
+import { useFloating, autoUpdate, offset, flip, shift, arrow } from '@floating-ui/react';
+
+const useFloatingLogic = ({
+  placement,
+  trigger,
+  arrowRef
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const { x, y, strategy, refs, update, context, floatingStyles } = useFloating(
+    {
+      placement,
+      whileElementsMounted: autoUpdate,
+      middleware: [
+        offset(10),
+        flip({
+          flipAlignment: true,
+          fallbackPlacements: ["right", "bottom", "left", "top"]
+        }),
+        shift(),
+        ...arrowRef ? [arrow({ element: arrowRef })] : []
+      ]
+    }
+  );
+  useEffect(() => {
+    if (isOpen) update();
+  }, [isOpen, update]);
+  const triggerProps = {
+    ref: refs.setReference,
+    ...trigger === "hover" && {
+      onMouseEnter: () => setIsOpen(true),
+      onMouseLeave: () => setIsOpen(false)
+    },
+    ...trigger === "click" && {
+      onClick: () => setIsOpen((prev) => !prev)
+    }
+  };
+  return {
+    isOpen,
+    setIsOpen,
+    x,
+    y,
+    strategy,
+    refs,
+    context,
+    floatingStyles,
+    triggerProps
+  };
+};
+
+export { useFloatingLogic };

package/dist/esm/index.js

@@ -11,14 +11,19 @@ export { DefaultSnack } from './components/DefaultSnack.js';
 export { Drawer } from './components/Drawer.js';
 export { GroupButton } from './components/GroupButton.js';
 export { Hint } from './components/Hint.js';
-export { Input, InputBox, InputFace, InputLeft, InputRight, InputRoot } from './components/Input.js';
+export { Input } from './components/Input/index.js';
 export { Modal } from './components/Modal.js';
 export { ProgressBar } from './components/ProgressBar.js';
 export { RangeCalendar } from './components/RangeCalendar.js';
-import 'react';
-import 'react-icons/ai';
-import 'react-icons/io5';
-import 'tailwind-merge';
+export { Select } from './components/Select/index.js';
+export { Skeleton } from './components/Skeleton.js';
+export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td } from './components/Table.js';
+export { Tag } from './components/Tag.js';
+export { TextArea } from './components/TextArea.js';
+export { TimeFieldInput } from './components/TimeFieldInput.js';
+export { Toggle } from './components/Toggle.js';
+import './components/Tooltip.js';
+export { Popover } from './components/Popover/Popover.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';
@@ -27,11 +32,5 @@ export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
 export { useDebouncedState } from './hooks/useDebouncedState.js';
 export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
 export { useRangeCalendar } from './hooks/useRangeCalendar.js';
-export { Select } from './components/Select/index.js';
-export { Skeleton } from './components/Skeleton.js';
-export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td } from './components/Table.js';
-export { Tag } from './components/Tag.js';
-export { TextArea } from './components/TextArea.js';
-export { TimeFieldInput } from './components/TimeFieldInput.js';
-export { Toggle } from './components/Toggle.js';
+export { useFloatingLogic } from './hooks/useFloatingLogic.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';

package/dist/esm/service/SnackbarSonner.js

@@ -9,11 +9,17 @@ import '../components/Card.js';
 import '../components/Button.js';
 import 'react-aria';
 import 'react-stately';
+import '@floating-ui/react';
 import '../components/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
 import 'react-icons/lia';
-import '../components/Input.js';
+import '../components/Input/Box.js';
+import '../components/Input/Face.js';
+import '../components/Input/Left.js';
+import '../components/Input/Right.js';
+import '../components/Input/Root.js';
+import '../components/Input/Search.js';
 import { DefaultSnack } from '../components/DefaultSnack.js';
 import '../components/GroupButton.js';
 import '../components/Hint.js';
@@ -21,9 +27,6 @@ import '../components/Modal.js';
 import '../styles/calendar-cell.js';
 import '../styles/groupButton.js';
 import '../styles/progressBar.js';
-import 'react-icons/ai';
-import 'react-icons/io5';
-import 'tailwind-merge';
 import '../components/Select/GroupedOptions.js';
 import '../components/Select/context.js';
 import '../components/Select/Popover.js';
@@ -31,6 +34,8 @@ import '../components/Select/Trigger.js';
 import '../components/Tag.js';
 import '../components/TextArea.js';
 import '../components/Toggle.js';
+import '../components/Tooltip.js';
+import '../components/Popover/PopoverContext.js';
 
 class SnackbarSonner {
   custom(Component, options) {

package/dist/types/components/Input/Box.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputProps } from './types';
+export declare const InputBox: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/Face.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputFaceProps } from './types';
+export declare const InputFace: React.ForwardRefExoticComponent<InputFaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Input/Left.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputLeftProps } from './types';
+export declare const InputLeft: React.ForwardRefExoticComponent<InputLeftProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Input/Right.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputRightProps } from './types';
+export declare const InputRight: React.ForwardRefExoticComponent<InputRightProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Input/Root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputProps } from './types';
+export declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputSearchProps } from './types';
+export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/index.d.ts

@@ -0,0 +1,9 @@
+export declare const Input: {
+    Root: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Face: import("react").ForwardRefExoticComponent<import("./types").InputFaceProps & import("react").RefAttributes<HTMLDivElement>>;
+    Box: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Left: import("react").ForwardRefExoticComponent<import("./types").InputLeftProps & import("react").RefAttributes<HTMLDivElement>>;
+    Right: import("react").ForwardRefExoticComponent<import("./types").InputRightProps & import("react").RefAttributes<HTMLDivElement>>;
+    Search: import("react").ForwardRefExoticComponent<import("./types").InputSearchProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+export * from './types';

package/dist/types/components/Input/types.d.ts

@@ -0,0 +1,20 @@
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+export interface InputPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export interface InputFaceProps extends React.HTMLAttributes<HTMLDivElement>, Pick<InputPropsBase, 'variants'> {
+}
+export interface InputLeftProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface InputRightProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface InputSearchProps extends InputProps {
+    bounceTimeout?: number;
+}

package/dist/types/components/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+export declare const Popover: {
+    Root: ({ children, placement, trigger }: import("./PopoverRoot").PopoverRootProps) => JSX.Element;
+    Trigger: ({ children }: import("./PopoverTrigger").PopoverTriggerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    Content: ({ children, className }: import("./PopoverContent").PopoverContentProps) => JSX.Element;
+};

package/dist/types/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PopoverContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PopoverContent: ({ children, className }: PopoverContentProps) => JSX.Element;
+export default PopoverContent;

package/dist/types/components/Popover/PopoverContext.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface PopoverContextProps {
+    triggerProps?: any;
+    refs?: any;
+    isOpen?: boolean;
+    x?: number;
+    y?: number;
+    strategy?: 'absolute' | 'fixed';
+    floatingStyles?: React.CSSProperties;
+    placement?: Placement;
+    setPlacement?: React.Dispatch<React.SetStateAction<Placement | undefined>>;
+    setTrigger?: React.Dispatch<React.SetStateAction<'hover' | 'click'>>;
+}
+export declare const usePopoverContext: () => PopoverContextProps;
+interface PopoverProviderProps {
+    children: ReactNode;
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+}
+export declare const PopoverProvider: ({ children, placement, trigger, }: PopoverProviderProps) => JSX.Element;
+export {};

package/dist/types/components/Popover/PopoverRoot.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react';
+export interface PopoverRootProps {
+    children: React.ReactNode;
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+}
+declare const PopoverRoot: ({ children, placement, trigger }: PopoverRootProps) => JSX.Element;
+export default PopoverRoot;

package/dist/types/components/Popover/PopoverTrigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface PopoverTriggerProps {
+    children: React.ReactElement;
+}
+declare const PopoverTrigger: ({ children }: PopoverTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default PopoverTrigger;

package/dist/types/components/Popover/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Root } from './PopoverRoot';
+export { default as Trigger } from './PopoverTrigger';
+export { default as Content } from './PopoverContent';

package/dist/types/components/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react';
+interface TooltipProps {
+    children: React.ReactElement;
+    text: string;
+    trigger?: 'hover' | 'click';
+    placement?: Placement;
+    width?: number;
+    height?: number;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export default Tooltip;

package/dist/types/components/index.d.ts

@@ -15,7 +15,6 @@ export * from './Input';
 export * from './Modal';
 export * from './ProgressBar';
 export * from './RangeCalendar';
-export * from './SearchInput';
 export * from './Select';
 export * from './Skeleton';
 export * from './Table';
@@ -23,3 +22,12 @@ export * from './Tag';
 export * from './TextArea';
 export * from './TimeFieldInput';
 export * from './Toggle';
+export * from './Table';
+export * from './Drawer';
+export * from './Breadcrumbs';
+export * from './Avatar';
+export * from './Skeleton';
+export * from './ProgressBar';
+export * from './GroupButton';
+export * from './Tooltip';
+export * from './Popover/Popover';

package/dist/types/hooks/index.d.ts

@@ -6,3 +6,4 @@ export * from './useDateRangePickerInput';
 export * from './useDebouncedState';
 export * from './useOutsideClickListener';
 export * from './useRangeCalendar';
+export * from './useFloatingLogic';

package/dist/types/hooks/useFloatingLogic.d.ts

@@ -0,0 +1,46 @@
+import { RefObject } from 'react';
+import { Placement } from '@floating-ui/react';
+interface FloatingLogicProps {
+    placement?: Placement;
+    trigger?: 'hover' | 'click';
+    arrowRef?: RefObject<SVGSVGElement>;
+}
+export declare const useFloatingLogic: ({ placement, trigger, arrowRef, }: FloatingLogicProps) => {
+    isOpen: boolean;
+    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    x: number;
+    y: number;
+    strategy: import("@floating-ui/utils").Strategy;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    floatingStyles: import("react").CSSProperties;
+    triggerProps: {
+        onClick?: (() => void) | undefined;
+        onMouseEnter?: (() => void) | undefined;
+        onMouseLeave?: (() => void) | undefined;
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+};
+export {};

package/dist/types/tests/Input/Left.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';