@jobber/components 8.4.0 → 8.6.0

package/dist/index.cjs

@@ -6,7 +6,7 @@ var AnimatedSwitcher = require('./AnimatedSwitcher-cjs.js');
 var AtlantisContext = require('./AtlantisContext-cjs.js');
 var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
 var updateTheme = require('./updateTheme-cjs.js');
-var Autocomplete_index = require('./Autocomplete/index.cjs');
+var Autocomplete = require('./Autocomplete-cjs.js');
 var Avatar = require('./Avatar-cjs.js');
 var Banner = require('./Banner-cjs.js');
 var Box = require('./Box-cjs.js');
@@ -217,7 +217,7 @@ exports.THEME_CHANGE_EVENT = AtlantisThemeContext.THEME_CHANGE_EVENT;
 exports.atlantisThemeContextDefaultValues = AtlantisThemeContext.atlantisThemeContextDefaultValues;
 exports.useAtlantisTheme = AtlantisThemeContext.useAtlantisTheme;
 exports.updateTheme = updateTheme.updateTheme;
-exports.Autocomplete = Autocomplete_index.Autocomplete;
+exports.Autocomplete = Autocomplete.Autocomplete;
 exports.Avatar = Avatar.Avatar;
 exports.Banner = Banner.Banner;
 exports.Box = Box.Box;

package/dist/index.esm-es.js

@@ -709,4 +709,4 @@ var isTabbable = function isTabbable(node, options) {
   return isNodeMatchingSelectorTabbable(options, node);
 };
 
-export { focusable as a, getSideAxis as b, getOppositePlacement as c, getExpandedPlacements as d, evaluate as e, floor as f, getSide as g, getOppositeAxisPlacements as h, isTabbable as i, getAlignmentSides as j, getAlignment as k, max as l, min as m, getAlignmentAxis as n, getPaddingObject as o, clamp as p, getAxisLength as q, rectToClientRect as r, sides as s, tabbable as t, getOppositeAxis as u, placements as v, getOppositeAlignmentPlacement as w, createCoords as x, round as y };
+export { focusable as a, getAlignmentAxis as b, getSide as c, getAlignment as d, evaluate as e, floor as f, getSideAxis as g, getPaddingObject as h, isTabbable as i, getOppositePlacement as j, getExpandedPlacements as k, getOppositeAxisPlacements as l, getAlignmentSides as m, clamp as n, min as o, max as p, getAxisLength as q, rectToClientRect as r, sides as s, tabbable as t, getOppositeAxis as u, placements as v, getOppositeAlignmentPlacement as w, createCoords as x, round as y };

package/dist/index.mjs

@@ -4,7 +4,7 @@ export { A as AnimatedSwitcher } from './AnimatedSwitcher-es.js';
 export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-es.js';
 export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, u as useAtlantisTheme } from './AtlantisThemeContext-es.js';
 export { u as updateTheme } from './updateTheme-es.js';
-export { Autocomplete } from './Autocomplete/index.mjs';
+export { A as Autocomplete } from './Autocomplete-es.js';
 export { A as Avatar } from './Avatar-es.js';
 export { B as Banner } from './Banner-es.js';
 export { B as Box } from './Box-es.js';

package/dist/sharedHelpers/types.d.ts

@@ -243,10 +243,6 @@ export interface RebuiltInputCommonProps {
      * Further description of the input, can be used for a hint.
      */
     readonly description?: ReactNode;
-    /**
-     * Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
-     */
-    readonly version: 2;
 }
 /** Represents a day of the week as a number where 0 = Sunday, 1 = Monday, etc. */
 export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;

package/dist/styles.css

@@ -285,7 +285,7 @@
   display: contents;
 }
 
-._37kZB-nYE08- {
+.w5g7qggGrr4- {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
@@ -308,7 +308,7 @@
   scroll-behavior: smooth;
 }
 
-.ULib3TUQja0- {
+.ELlB2Kio7q8- {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
@@ -319,7 +319,7 @@
   padding: var(--space-small) var(--space-base);
 }
 
-.h5-1Pp0eRyo- {
+.y9zhi8Wr8QA- {
   width: 100%;
   box-sizing: border-box;
   padding: 8px;
@@ -330,7 +330,7 @@
   cursor: pointer;
 }
 
-.iBkyj85vd-E- {
+.adJv-3bhYOQ- {
   display: -ms-flexbox;
   display: flex;
   text-align: left;
@@ -346,7 +346,7 @@
       align-items: center;
 }
 
-.h5-1Pp0eRyo- .I6wAbSJJHNQ- {
+.y9zhi8Wr8QA- .K2phy6IC3TY- {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   -ms-flex-item-align: auto;
@@ -355,13 +355,13 @@
   width: var(--space-large);
 }
 
-._4yhnonWAWRY-,
-.oGLMF6n8C74- {
+.p2CY3TGCdRc-,
+.-tyLeCnCEUI- {
   background: hsl(43, 18%, 92%);
   background: var(--color-surface--hover);
 }
 
-.LBrwH6TEUYA- {
+.dXIHuZjqX84- {
   box-sizing: border-box;
   padding: 8px;
   padding: var(--space-small);
@@ -369,13 +369,13 @@
   cursor: pointer;
 }
 
-.h5-1Pp0eRyo-:hover,
-.LBrwH6TEUYA-:hover {
+.y9zhi8Wr8QA-:hover,
+.dXIHuZjqX84-:hover {
   background: hsl(43, 18%, 92%);
   background: var(--color-surface--hover);
 }
 
-.DDOv4DR8bJQ- {
+.gQ86NtBHt-Y- {
   padding: 8px 0 4px 8px;
   padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
   border-bottom: 1px solid hsl(200, 13%, 87%);
@@ -383,13 +383,13 @@
   cursor: default;
 }
 
-.Twgjn26oldE- {
+.uElGEScjH68- {
   padding: 8px 16px;
   padding: var(--space-small) var(--space-base);
   cursor: default;
 }
 
-.mc1-CEwZtHE- {
+.nXvoRgKgoz8- {
   position: sticky;
   top: 0;
   z-index: 1;
@@ -398,21 +398,21 @@
   background: var(--color-surface);
 }
 
-.kOR88SFNOn0- {
+.Ey1zL5E-c74- {
   overflow: auto;
 }
 
-._0O-kEf3h9ZI- {
+.ei36u5racbA- {
   border-bottom: 1px solid hsl(200, 13%, 87%);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
-.rQ9ZS7Rb7Z4- {
+.IDIz9ZHykRw- {
   border-top: 1px solid hsl(200, 13%, 87%);
   border-top: var(--border-base) solid var(--color-border);
 }
 
-.vxk57ZhP8GU- {
+.Wx--khA61eA- {
   padding: 8px 0 4px 8px;
   padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
   cursor: default;
@@ -420,12 +420,12 @@
 
 /* Multiple mode: FormFieldWrapper-based container */
 
-.AWoK6-P8fFE- [data-testid="Form-Field-Wrapper"] > div:first-child {
+.COW3V1gDtwI- [data-testid="Form-Field-Wrapper"] > div:first-child {
   height: auto;
   min-height: var(--field--height);
 }
 
-.zJm0oR5x4qY- {
+._1iRpnGn3PaA- {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
@@ -441,7 +441,7 @@
   cursor: text;
 }
 
-.Oa26ZaVEi3g- {
+.bHaScorkEaQ- {
   min-width: 80px;
   padding: 0;
   border: none;
@@ -455,16 +455,16 @@
       flex: 1 1 auto;
 }
 
-.Oa26ZaVEi3g-:focus {
+.bHaScorkEaQ-:focus {
   outline: none;
 }
 
-.Oa26ZaVEi3g-:disabled {
+.bHaScorkEaQ-:disabled {
   color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
-.IarOrfyYExE- {
+.sFMc1SJPOSM- {
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 2px 8px;
@@ -486,12 +486,12 @@
   gap: var(--space-small);
 }
 
-.pmtAk9HEhF4- {
+._9Ljs17OW-QM- {
   background-color: hsl(43, 5%, 72%);
   background-color: var(--color-interactive--background--hover);
 }
 
-.nmXqlAV-DJo- {
+.QYUKkbmNjLE- {
   border: 1px solid hsl(200, 13%, 87%);
   border: var(--border-base) solid var(--color-border);
   color: hsl(0, 0%, 58%);
@@ -501,7 +501,7 @@
   cursor: default;
 }
 
-.SmrmwoOlZDo- {
+.Wv6D8g2MKPo- {
   display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
@@ -518,7 +518,7 @@
   cursor: pointer;
 }
 
-.SmrmwoOlZDo-::before {
+.Wv6D8g2MKPo-::before {
   content: "";
   position: absolute;
   top: calc(-1 * 24px);
@@ -532,12 +532,12 @@
   z-index: -1;
 }
 
-.SmrmwoOlZDo-:hover::before {
+.Wv6D8g2MKPo-:hover::before {
   background-color: hsl(43, 5%, 72%);
   background-color: var(--color-interactive--background--hover);
 }
 
-.pqwAJ8VczCU- {
+.UAegmMck3-U- {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
@@ -2294,130 +2294,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   vertical-align: middle;
 }
 
-._7mObJiwfPh4- {
-  position: relative;
-  width: 100%;
-}
-
-.dL5JShAJlKM- {
-  visibility: hidden;
-  z-index: calc(6 + 1001);
-  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
-  width: 0;
-  height: 0;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-base);
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border: 1px solid var(--color-color-border);
-  border: var(--border-base) solid var(--color-color-border);
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  overflow: auto;
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
-  scroll-behavior: smooth;
-  opacity: 0;
-}
-
-.dL5JShAJlKM- .PWZL-94hH7k- {
-  padding: 8px 0 4px 8px;
-  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
-}
-
-.dL5JShAJlKM-._2RzcnTdaPyc- {
-  visibility: visible;
-  width: 100%;
-  height: auto;
-  opacity: 1;
-}
-
-.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
-  visibility: hidden;
-  opacity: 0;
-}
-
-.y9zhi8Wr8QA- {
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
-  -ms-flex-line-pack: stretch;
-      align-content: stretch;
-  -ms-flex-align: center;
-      align-items: center;
-  padding: 8px;
-  padding: var(--space-small);
-  border: none;
-  text-align: left;
-  list-style: none;
-  background-color: transparent;
-  cursor: pointer;
-}
-
-.y9zhi8Wr8QA-:hover,
-.y9zhi8Wr8QA-:focus,
-.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
-  background-color: hsl(43, 18%, 92%);
-  background-color: var(--color-surface--hover);
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
-}
-
-.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
-}
-
-.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
-  background-color: transparent;
-  outline-color: transparent;
-}
-
-.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
-  padding-top: 16px;
-  padding-top: var(--space-base);
-}
-
-.y9zhi8Wr8QA- .K2phy6IC3TY- {
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  -ms-flex-item-align: auto;
-      align-self: auto;
-  width: 24px;
-  width: var(--space-large);
-}
-
-.y9zhi8Wr8QA- .a6-LbUm5WnY- {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex: 1 100%;
-      flex: 1 100%;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
-.y9zhi8Wr8QA- .tQNbuxcE9nU- {
-  -ms-flex: 2;
-      flex: 2;
-}
-
-.y9zhi8Wr8QA- .qacStG9-XbE- {
-  -ms-flex: 1;
-      flex: 1;
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-  text-align: right;
-}
-
 :root {
   --public--avatar-size: 32px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.4.0",
+  "version": "8.6.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -568,5 +568,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "7b859533f0b0482ad30654fb0fde5d41c2d918ba"
+  "gitHead": "3f1dd8cc5b57561326b2dad6431310db346554a5"
 }

package/dist/Autocomplete/Autocomplete.rebuilt.d.ts

@@ -1,8 +0,0 @@
-import type { Ref } from "react";
-import React from "react";
-import type { AutocompleteRebuiltProps, OptionLike } from "./Autocomplete.types";
-export declare const AutocompleteRebuilt: <Value extends OptionLike = OptionLike, Multiple extends boolean = false>(props: AutocompleteRebuiltProps<Value, Multiple> & {
-    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
-}) => ReturnType<typeof AutocompleteRebuiltInternal>;
-declare function AutocompleteRebuiltInternal<Value extends OptionLike, Multiple extends boolean = false>(props: AutocompleteRebuiltProps<Value, Multiple>, forwardedRef: Ref<HTMLInputElement | HTMLTextAreaElement>): React.JSX.Element;
-export {};

package/dist/Autocomplete/Autocomplete.utils.d.ts

@@ -1,8 +0,0 @@
-import { type AnyOption, type GroupOption, type Option } from "./Autocomplete.types";
-export declare function isOptionSelected(selectedOption: Option | undefined, option: Option): boolean;
-/**
- * Helper function to determine if the option is a group. This is used to
- * determine if the option contains a list of options for rendering Section
- * Labels in the Autocomplete component.
- */
-export declare function isOptionGroup<T extends AnyOption>(option: T): option is Extract<T, GroupOption>;

package/dist/Autocomplete/Menu/DefaultMenu.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { type AnyOption, type Option } from "../Autocomplete.types";
-export interface DefaultMenuProps {
-    readonly options: AnyOption[];
-    readonly selectedOption?: Option;
-    /**
-     * Element that it's attached to when the menu opens.
-     */
-    readonly attachTo: HTMLDivElement | null;
-    onOptionSelect(chosenOption?: Option): void;
-    readonly visible: boolean;
-}
-/**
- * Renders the default Menu for the Autocomplete component.
- */
-export declare function DefaultMenu({ options, selectedOption, onOptionSelect, attachTo, visible, }: DefaultMenuProps): React.JSX.Element;

package/dist/Autocomplete/Menu/Menu.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { type AnyOption, type MenuProps, type Option } from "../Autocomplete.types";
-export declare function Menu<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, selectedOption, onOptionSelect, inputFocused, attachTo, inputRef, customRenderMenu, }: MenuProps<GenericOption, GenericOptionValue>): React.JSX.Element | null;

package/dist/Autocomplete/Menu/MenuWrapper.d.ts

@@ -1,23 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React from "react";
-import type { UseRepositionMenu } from "../useRepositionMenu";
-export interface BaseAutocompleteMenuWrapperInternalProps {
-    readonly setMenuRef: UseRepositionMenu["setMenuRef"];
-    readonly floatStyles: UseRepositionMenu["styles"];
-    readonly targetWidth: UseRepositionMenu["targetWidth"];
-    readonly visible?: boolean;
-}
-/**
- * Provides a wrapper for the Autocomplete menu that handles positioning and visibility.
- * @param attachTo - The element that the menu should be attached to.
- */
-export declare function useAutocompleteMenu({ attachTo, }: {
-    attachTo: HTMLDivElement | null;
-}): {
-    MenuWrapper: ({ children, visible, }: {
-        children?: React.ReactNode;
-        visible: boolean;
-    }) => React.ReactElement;
-    menuRef: HTMLElement | null;
-};
-export declare function BaseAutocompleteMenuWrapper(props: PropsWithChildren<BaseAutocompleteMenuWrapperInternalProps>): React.JSX.Element;

package/dist/Autocomplete/Option.d.ts

@@ -1,78 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React from "react";
-import { type AnyOption, type Option } from "./Autocomplete.types";
-export interface MenuOptionProps {
-    readonly isHighlighted: boolean;
-    readonly option: AnyOption;
-    readonly onOptionSelect: (option?: AnyOption) => void;
-    /**
-     * Whether to add separators between the options.
-     */
-    readonly addSeparators: boolean;
-    readonly isSelected: boolean;
-    readonly UNSAFE_className?: {
-        option?: BaseMenuOptionProps["UNSAFE_className"];
-        content?: MenuOptionContentProps["UNSAFE_className"];
-        groupOption?: MenuGroupOptionProps["UNSAFE_className"];
-    };
-    readonly UNSAFE_style?: {
-        option?: BaseMenuOptionProps["UNSAFE_style"];
-        content?: MenuOptionContentProps["UNSAFE_style"];
-        groupOption?: MenuGroupOptionProps["UNSAFE_style"];
-    };
-}
-/**
- * The rendering of the default MenuOption
- */
-export declare function MenuOption({ isHighlighted, option, onOptionSelect, isSelected, addSeparators, UNSAFE_className, UNSAFE_style, }: MenuOptionProps): React.JSX.Element;
-interface MenuOptionContentProps {
-    readonly UNSAFE_className?: {
-        readonly icon?: string;
-        readonly text?: string;
-        readonly details?: string;
-        readonly label?: string;
-    };
-    readonly UNSAFE_style?: {
-        readonly icon?: React.CSSProperties;
-        readonly text?: React.CSSProperties;
-        readonly label?: React.CSSProperties;
-        readonly details?: React.CSSProperties;
-    };
-    readonly option: Option;
-    readonly isSelected: boolean;
-}
-export declare function MenuOptionContent({ option, isSelected, UNSAFE_className, UNSAFE_style, }: MenuOptionContentProps): React.JSX.Element;
-export interface MenuGroupOptionProps {
-    readonly option: AnyOption;
-    readonly UNSAFE_className?: {
-        heading?: string;
-    };
-    readonly UNSAFE_style?: {
-        heading?: React.CSSProperties;
-    };
-}
-/**
- * The rendering of the default MenuGroupOption
- */
-export declare function MenuGroupOptions({ option, UNSAFE_className, UNSAFE_style, }: MenuGroupOptionProps): React.JSX.Element;
-/**
- * The base component for the MenuGroupOption
- */
-export interface BaseMenuGroupOptionProps extends PropsWithChildren {
-    readonly UNSAFE_className?: string;
-    readonly UNSAFE_style?: React.CSSProperties;
-}
-export declare function BaseMenuGroupOption({ children, UNSAFE_className, UNSAFE_style, }: BaseMenuGroupOptionProps): React.JSX.Element;
-export interface BaseMenuOptionProps<GenericOption extends AnyOption = AnyOption> extends PropsWithChildren {
-    readonly option?: GenericOption;
-    readonly onOptionSelect?: (option?: GenericOption) => void;
-    readonly isHighlighted: boolean;
-    readonly addSeparators: boolean;
-    readonly UNSAFE_className?: string;
-    readonly UNSAFE_style?: React.CSSProperties;
-}
-/**
- * Renders the base option component. The component takes children and renders them inside a button.
- */
-export declare function BaseMenuOption<GenericOption extends AnyOption = AnyOption>({ option, isHighlighted, onOptionSelect, addSeparators, children, UNSAFE_className, UNSAFE_style, }: BaseMenuOptionProps<GenericOption>): React.JSX.Element;
-export {};

package/dist/Autocomplete/V1.docgen.d.ts

@@ -1,4 +0,0 @@
-import type React from "react";
-import type { AnyOption, AutocompleteLegacyProps, Option } from "@jobber/components/Autocomplete";
-export type V1DocgenProps = AutocompleteLegacyProps<AnyOption, Option, AnyOption>;
-export declare const AutocompleteV1Docgen: React.FC<V1DocgenProps>;

package/dist/Autocomplete/V2.docgen.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-import type { AutocompleteRebuiltProps, OptionLike } from "@jobber/components/Autocomplete";
-type ExtraProps = Record<string, unknown>;
-export type V2DocgenProps = AutocompleteRebuiltProps<OptionLike, boolean, ExtraProps, ExtraProps>;
-export declare const AutocompleteV2Docgen: React.FC<V2DocgenProps>;
-export {};

package/dist/Autocomplete/useKeyboardNavigation.d.ts

@@ -1,35 +0,0 @@
-import { type AnyOption, type Option } from "./Autocomplete.types";
-export declare enum KeyboardAction {
-    Previous = -1,
-    Next = 1,
-    Select = 0
-}
-/**
- * Hook to handle custom keyboard navigation for the Autocomplete component.
- * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
- */
-export declare function useCustomKeyboardNavigation({ onRequestHighlightChange, }: {
-    onRequestHighlightChange?: (event: KeyboardEvent, direction: KeyboardAction) => void;
-}): void;
-/**
- * Hook to handle keyboard navigation for the Menu in the Autocomplete component.
- * If using components in the menu that aren't MenuOption or BaseMenuOption, you should use the `useCustomKeyboardNavigation` hook.
- */
-export declare function useKeyboardNavigation<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, onOptionSelect, menuRef, visible, }: {
-    options: GenericOption[];
-    visible?: boolean;
-    menuRef?: HTMLElement | null;
-    onOptionSelect: (option?: GenericOptionValue) => void;
-}): {
-    highlightedIndex: number;
-};
-/**
- * Function to get the requested index change based on the current highlighted index and the direction of the keyboard action.
- * Accounts for groups in the options array.
- */
-export declare function getRequestedIndexChange<T extends AnyOption>({ event, options, direction, highlightedIndex, }: {
-    event: KeyboardEvent;
-    direction: KeyboardAction;
-    options: T[];
-    highlightedIndex: number;
-}): number;

package/dist/Autocomplete/useRepositionMenu.d.ts

@@ -1,10 +0,0 @@
-import type { MenuProps } from "./Autocomplete.types";
-export interface UseRepositionMenu {
-    readonly menuRef: HTMLElement | null;
-    readonly setMenuRef: (ref: HTMLElement | null) => void;
-    readonly targetWidth: number | undefined;
-    readonly styles: {
-        float: React.CSSProperties;
-    };
-}
-export declare function useRepositionMenu(attachTo: MenuProps["attachTo"], visible: boolean, cssManagedVisibility: boolean): UseRepositionMenu;