@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/SuperSelect/presets/filterPreset.d.ts

@@ -0,0 +1,2 @@
+import { SuperSelectConfig } from '../SuperSelect.types';
+export declare const filterPreset: SuperSelectConfig;

package/dist/SuperSelect/presets/filterPreset.js

@@ -0,0 +1,66 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { Popover } from '../../Popover';
+import { Typography } from '../../Typography';
+import { StyledFilterPresetPopoverContent } from '../SuperSelect.presets.styles';
+import { StyledLabel, StyledTrigger } from '../SuperSelect.styles';
+import { useSuperSelectContext } from '../useSuperSelect';
+var getFilterPresetProps = function (props) {
+    var _a;
+    return (_a = props === null || props === void 0 ? void 0 : props.filter) !== null && _a !== void 0 ? _a : {};
+};
+var getValueLabel = function (isValueEmpty, value, placeholder, filterName) {
+    var prefixLabel = isValueEmpty ? placeholder || filterName : filterName;
+    var valueLabel = value ? "".concat(prefixLabel ? ': ' : '').concat(value) : '';
+    return "".concat(prefixLabel).concat(valueLabel);
+};
+export var filterPreset = {
+    components: {
+        Label: React.forwardRef(function () {
+            var ctx = useSuperSelectContext();
+            var presetProps = getFilterPresetProps(ctx.config.presetProps);
+            var isValueEmpty = ['', null, undefined].includes(ctx.state.value);
+            return (React.createElement(StyledLabel, { "$hoverable": false }, getValueLabel(isValueEmpty, ctx.state.selectedLabel, ctx.config.placeholder, presetProps.filterName)));
+        }),
+        TriggerContainer: React.forwardRef(function (props, ref) {
+            var ctx = useSuperSelectContext();
+            if (!Array.isArray(ctx.state.value)) {
+                return React.createElement(StyledTrigger, __assign({ "$block": ctx.config.block }, props, { ref: ref }));
+            }
+            return (React.createElement(Popover, { placement: "top", trigger: ctx.state.value.length > 1 ? 'hover' : 'none', overlay: React.createElement(StyledFilterPresetPopoverContent, null,
+                    React.createElement(Typography, null, ctx.state.value
+                        .map(function (v) {
+                        var option = ctx.state.options.find(function (option) { return ctx.option.value(option) === v; });
+                        return option ? ctx.option.label(option) : '';
+                    })
+                        .join(', '))) },
+                React.createElement(StyledTrigger, __assign({ "$block": ctx.config.block }, props, { ref: ref }))));
+        }),
+        MultiValueContainer: function () {
+            var ctx = useSuperSelectContext();
+            var presetProps = getFilterPresetProps(ctx.config.presetProps);
+            if (Array.isArray(ctx.state.value)) {
+                var isValueEmpty = !ctx.state.value.length;
+                var value = ctx.state.value.length > 1
+                    ? "(".concat(ctx.state.value.length, ")")
+                    : ctx.state.value.length === 1
+                        ? "".concat(ctx.state.selectedLabel)
+                        : '';
+                return (React.createElement(StyledLabel, { "$hoverable": false }, getValueLabel(isValueEmpty, value, ctx.config.placeholder, presetProps.filterName)));
+            }
+            return React.createElement("div", null, "Value is not an array");
+        },
+    },
+    selectionStyle: 'highlight',
+};
+//# sourceMappingURL=filterPreset.js.map

package/dist/SuperSelect/presets/filterPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterPreset.js","sourceRoot":"","sources":["../../../src/SuperSelect/presets/filterPreset.tsx"],"names":[],"mappings":"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"}

package/dist/SuperSelect/presets/index.d.ts

@@ -0,0 +1,2 @@
+import { SuperSelectConfig, SuperSelectPreset } from '../SuperSelect.types';
+export declare const presets: Record<SuperSelectPreset, SuperSelectConfig>;

package/dist/SuperSelect/presets/index.js

@@ -0,0 +1,10 @@
+import { contactsPreset } from './contactsPreset';
+import { filterPreset } from './filterPreset';
+import { pillPreset } from './pillPreset';
+export var presets = {
+    '': {},
+    contacts: contactsPreset,
+    filter: filterPreset,
+    pill: pillPreset,
+};
+//# sourceMappingURL=index.js.map

package/dist/SuperSelect/presets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SuperSelect/presets/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,IAAM,OAAO,GAAiD;IACnE,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,UAAU;CACjB,CAAA"}

package/dist/SuperSelect/presets/pillPreset.d.ts

@@ -0,0 +1,2 @@
+import { SuperSelectConfig } from '../SuperSelect.types';
+export declare const pillPreset: SuperSelectConfig;

package/dist/SuperSelect/presets/pillPreset.js

@@ -0,0 +1,37 @@
+import { Check } from '@procore/core-icons';
+import React from 'react';
+import { Pill } from '../../Pill/Pill';
+import { PillSelectCheckedContainer } from '../../PillSelect/PillSelect.styles';
+import { Tooltip } from '../../Tooltip/Tooltip';
+import { OverflowObserver } from '../../_hooks/OverflowObserver';
+import { Label } from '../SuperSelect.components';
+import { PillSelectLabel, PillSelectLabelWrapper, PillSelectOptionWrapper, StyledLabel, } from '../SuperSelect.styles';
+import { useSuperSelectContext } from '../useSuperSelect';
+export var pillPreset = {
+    components: {
+        Label: React.forwardRef(function (_a, ref) {
+            var hoverable = _a.hoverable;
+            var ctx = useSuperSelectContext();
+            return (React.createElement(StyledLabel, { "$hoverable": hoverable },
+                React.createElement(PillSelectLabelWrapper, null,
+                    React.createElement(OverflowObserver, null, function (_a) {
+                        var _b;
+                        var isOverflowing = _a.isOverflowing, ref = _a.ref;
+                        return (React.createElement(Tooltip, { trigger: isOverflowing ? 'hover' : 'none', overlay: ctx.state.selectedLabel }, ctx.state.isEmpty() ? (React.createElement(Label, { ref: ref, hoverable: hoverable })) : (React.createElement(PillSelectLabel, { ref: ref, color: (_b = ctx.state.selectedOption) === null || _b === void 0 ? void 0 : _b.color }, ctx.state.selectedLabel))));
+                    }))));
+        }),
+        OptionLabel: function (_a) {
+            var option = _a.option;
+            var ctx = useSuperSelectContext();
+            return (React.createElement(PillSelectOptionWrapper, null,
+                React.createElement(Pill, { color: option.color }, ctx.option.label(option)),
+                React.createElement(PillSelectCheckedContainer, null, ctx.option.isSelected(option) && React.createElement(Check, { size: "sm" }))));
+        },
+        MultiValue: function (_a) {
+            var option = _a.option;
+            var ctx = useSuperSelectContext();
+            return React.createElement(Pill, { color: option.color }, ctx.option.label(option));
+        },
+    },
+};
+//# sourceMappingURL=pillPreset.js.map

package/dist/SuperSelect/presets/pillPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillPreset.js","sourceRoot":"","sources":["../../../src/SuperSelect/presets/pillPreset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,uBAAuB,EACvB,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,MAAM,CAAC,IAAM,UAAU,GAAsB;IAC3C,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAC,EAAa,EAAE,GAAG;gBAAhB,SAAS,eAAA;YAClC,IAAM,GAAG,GAAG,qBAAqB,EAAE,CAAA;YAEnC,OAAO,CACL,oBAAC,WAAW,kBAAa,SAAS;gBAChC,oBAAC,sBAAsB;oBACrB,oBAAC,gBAAgB,QACd,UAAC,EAAsB;;4BAApB,aAAa,mBAAA,EAAE,GAAG,SAAA;wBACpB,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACzC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,aAAa,IAE/B,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CACrB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAC,GAAG,CAAC,KAAK,CAAC,cAAsB,0CAAE,KAAK,IAE9C,GAAG,CAAC,KAAK,CAAC,aAAa,CACR,CACnB,CACO,CACX,CAAA;oBACH,CAAC,CACgB,CACI,CACb,CACf,CAAA;QACH,CAAC,CAAC;QACF,WAAW,EAAE,UAAC,EAAU;gBAAR,MAAM,YAAA;YACpB,IAAM,GAAG,GAAG,qBAAqB,EAAE,CAAA;YAEnC,OAAO,CACL,oBAAC,uBAAuB;gBACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAQ;gBAC5D,oBAAC,0BAA0B,QACxB,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,CAC1B,CACL,CAC3B,CAAA;QACH,CAAC;QACD,UAAU,EAAE,UAAC,EAAU;gBAAR,MAAM,YAAA;YACnB,IAAM,GAAG,GAAG,qBAAqB,EAAE,CAAA;YAEnC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAQ,CAAA;QACrE,CAAC;KACF;CACF,CAAA"}

package/dist/SuperSelect/useSuperSelect.d.ts

@@ -0,0 +1,523 @@
+/// <reference types="lodash" />
+import React from 'react';
+import { VirtuosoHandle, VirtuosoProps } from 'react-virtuoso';
+import { SuperSelectConfig, SuperSelectOption, SuperSelectValue, SuperSelectValuePrimitive } from './SuperSelect.types';
+export declare function useSuperSelect({ block, components: customComponents, defaultValue, disabled, draggable, emptyMessage, error, footer, getOptionGroup, getOptionIsBatch, getOptionIsDisabled, getOptionLabel, getOptionValue, onScrollBottom, onOpenChange, header, loading, multiple, onChange, onManualSort, options: sourceOptions, placeholder, preset, presetProps, search, selectionStyle, setOptionGroup, sort, tabIndex, value: value_, }: SuperSelectConfig): {
+    config: {
+        block: boolean;
+        disabled: boolean;
+        draggable: boolean;
+        emptyMessage: string;
+        error: boolean | undefined;
+        footer: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        header: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        placeholder: string | undefined;
+        preset: import("./SuperSelect.types").SuperSelectPreset;
+        presetProps: import("./SuperSelect.types").SuperSelectPresetProps | undefined;
+        selectionStyle: "checkbox" | "highlight" | "checkmark";
+        tabIndex: number;
+        loading: boolean;
+        multiple: boolean;
+    };
+    components: {
+        Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+        SingleTrigger: (props: any) => JSX.Element;
+        MultiTrigger: (props: any) => JSX.Element | null;
+        TriggerContainer: React.ForwardRefExoticComponent<any> | React.FC<any>;
+        Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+        Indicators: (props: any) => JSX.Element;
+        Label: React.ForwardRefExoticComponent<{
+            hoverable: boolean;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Loading: () => JSX.Element;
+        ArrowContainer: (props: any) => JSX.Element;
+        Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
+        Clear: () => JSX.Element;
+        MultiInputContainer: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        MultiInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        MultiValue: (props: any) => JSX.Element;
+        MultiValueContainer: (props: any) => JSX.Element;
+        SearchContainer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        Search: (props: any) => JSX.Element;
+        Header: (props: any) => JSX.Element;
+        Footer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        EmptyMessage: (props: any) => JSX.Element;
+        Options: (props: {
+            children?: React.ReactNode;
+        } & import("../_utils/types").DivAttributes) => JSX.Element;
+        Group: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        Item: React.ForwardRefExoticComponent<import("./SuperSelect.types").SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
+        OptionLabel: ({ option }: any) => JSX.Element;
+        OptionContent: ({ option }: any) => JSX.Element;
+        DraggableOptionContent: ({ index, option }: any) => JSX.Element;
+        DragHandle: (props: any) => JSX.Element;
+        CheckboxContainer: (props: any) => JSX.Element;
+        Checkbox: (props: any) => JSX.Element;
+        CheckmarkContainer: (props: any) => JSX.Element;
+        Checkmark: (props: any) => JSX.Element;
+    };
+    state: {
+        activeMenuIndex: number | null;
+        activeTokenIndex: number | null;
+        isEmpty: () => boolean;
+        listContainerHeight: number;
+        listId: string;
+        maxHeight: number;
+        onDragEnd: (result: any) => void;
+        onSelect: (option: SuperSelectOption) => void;
+        open: boolean;
+        options: any[];
+        overlayId: string;
+        searchValue: string;
+        selectedIndex: number;
+        selectedLabel: string;
+        selectedOption: any;
+        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+        setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+        sourceOptions: any[];
+        value: SuperSelectValue;
+        width: number;
+    };
+    props: {
+        clear: () => {
+            'aria-hidden': boolean;
+            'aria-label': string;
+            onClick(e: React.MouseEvent): void;
+        };
+        emptyMessage: () => {
+            emptyMessage: string;
+        };
+        footer: () => {
+            ref: (el: HTMLElement | null) => void;
+            onKeyDown: (e: React.KeyboardEvent) => void;
+        };
+        header: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        item: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        label: () => {
+            $hoverable: boolean;
+        };
+        menu: () => {
+            scrollable: boolean;
+            style: {
+                height: number;
+            };
+        };
+        multiInput: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement> & {
+            ref: React.Ref<HTMLInputElement>;
+        };
+        overlay: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        search: () => {
+            'aria-controls': string;
+            onChange(value: string): void;
+            placeholder: string;
+        };
+        searchContainer: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        tokenClear: (index: number) => {
+            onClick(e: React.MouseEvent): void;
+        };
+        trigger: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+        virtuoso: () => VirtuosoProps<{}, {}>;
+    };
+    option: {
+        group: (option: any) => string;
+        isBatch: (option: any) => boolean;
+        isSelected: (option: SuperSelectOption) => boolean;
+        isDisabled: (option: any) => boolean;
+        isOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
+        label: (option: any) => string;
+        value: (option: any) => SuperSelectValuePrimitive;
+    };
+    refs: {
+        floating: {
+            placement: import("@floating-ui/react").Placement;
+            strategy: import("@floating-ui/react").Strategy;
+            middlewareData: import("@floating-ui/react").MiddlewareData;
+            x: number | null;
+            y: number | null;
+            update: () => void;
+            reference: (node: HTMLElement | null) => void;
+            floating: (node: HTMLElement | null) => void;
+            positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+            context: {
+                x: number | null;
+                y: number | null;
+                placement: import("@floating-ui/react").Placement;
+                strategy: import("@floating-ui/react").Strategy;
+                middlewareData: import("@floating-ui/react").MiddlewareData;
+                reference: (node: HTMLElement | null) => void;
+                floating: (node: HTMLElement | null) => void;
+                update: () => void;
+                isPositioned: boolean;
+                open: boolean;
+                onOpenChange: (open: boolean) => void;
+                events: import("@floating-ui/react").FloatingEvents;
+                dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+                nodeId: string | undefined;
+                floatingId: string;
+                refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+                elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            };
+            refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+            elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            isPositioned: boolean;
+        };
+        navigationList: React.MutableRefObject<(HTMLElement | null)[]>;
+        virtuoso: React.RefObject<VirtuosoHandle>;
+    };
+};
+export declare const SuperSelectContext: React.Context<{
+    config: {
+        block: boolean;
+        disabled: boolean;
+        draggable: boolean;
+        emptyMessage: string;
+        error: boolean | undefined;
+        footer: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        header: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        placeholder: string | undefined;
+        preset: import("./SuperSelect.types").SuperSelectPreset;
+        presetProps: import("./SuperSelect.types").SuperSelectPresetProps | undefined;
+        selectionStyle: "checkbox" | "highlight" | "checkmark";
+        tabIndex: number;
+        loading: boolean;
+        multiple: boolean;
+    };
+    components: {
+        Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+        SingleTrigger: (props: any) => JSX.Element;
+        MultiTrigger: (props: any) => JSX.Element | null;
+        TriggerContainer: React.ForwardRefExoticComponent<any> | React.FC<any>;
+        Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+        Indicators: (props: any) => JSX.Element;
+        Label: React.ForwardRefExoticComponent<{
+            hoverable: boolean;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Loading: () => JSX.Element;
+        ArrowContainer: (props: any) => JSX.Element;
+        Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
+        Clear: () => JSX.Element;
+        MultiInputContainer: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        MultiInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        MultiValue: (props: any) => JSX.Element;
+        MultiValueContainer: (props: any) => JSX.Element;
+        SearchContainer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        Search: (props: any) => JSX.Element;
+        Header: (props: any) => JSX.Element;
+        Footer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        EmptyMessage: (props: any) => JSX.Element;
+        Options: (props: {
+            children?: React.ReactNode;
+        } & import("../_utils/types").DivAttributes) => JSX.Element;
+        Group: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        Item: React.ForwardRefExoticComponent<import("./SuperSelect.types").SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
+        OptionLabel: ({ option }: any) => JSX.Element;
+        OptionContent: ({ option }: any) => JSX.Element;
+        DraggableOptionContent: ({ index, option }: any) => JSX.Element;
+        DragHandle: (props: any) => JSX.Element;
+        CheckboxContainer: (props: any) => JSX.Element;
+        Checkbox: (props: any) => JSX.Element;
+        CheckmarkContainer: (props: any) => JSX.Element;
+        Checkmark: (props: any) => JSX.Element;
+    };
+    state: {
+        activeMenuIndex: number | null;
+        activeTokenIndex: number | null;
+        isEmpty: () => boolean;
+        listContainerHeight: number;
+        listId: string;
+        maxHeight: number;
+        onDragEnd: (result: any) => void;
+        onSelect: (option: SuperSelectOption) => void;
+        open: boolean;
+        options: any[];
+        overlayId: string;
+        searchValue: string;
+        selectedIndex: number;
+        selectedLabel: string;
+        selectedOption: any;
+        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+        setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+        sourceOptions: any[];
+        value: SuperSelectValue;
+        width: number;
+    };
+    props: {
+        clear: () => {
+            'aria-hidden': boolean;
+            'aria-label': string;
+            onClick(e: React.MouseEvent): void;
+        };
+        emptyMessage: () => {
+            emptyMessage: string;
+        };
+        footer: () => {
+            ref: (el: HTMLElement | null) => void;
+            onKeyDown: (e: React.KeyboardEvent) => void;
+        };
+        header: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        item: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        label: () => {
+            $hoverable: boolean;
+        };
+        menu: () => {
+            scrollable: boolean;
+            style: {
+                height: number;
+            };
+        };
+        multiInput: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement> & {
+            ref: React.Ref<HTMLInputElement>;
+        };
+        overlay: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        search: () => {
+            'aria-controls': string;
+            onChange(value: string): void;
+            placeholder: string;
+        };
+        searchContainer: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        tokenClear: (index: number) => {
+            onClick(e: React.MouseEvent): void;
+        };
+        trigger: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+        virtuoso: () => VirtuosoProps<{}, {}>;
+    };
+    option: {
+        group: (option: any) => string;
+        isBatch: (option: any) => boolean;
+        isSelected: (option: SuperSelectOption) => boolean;
+        isDisabled: (option: any) => boolean;
+        isOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
+        label: (option: any) => string;
+        value: (option: any) => SuperSelectValuePrimitive;
+    };
+    refs: {
+        floating: {
+            placement: import("@floating-ui/react").Placement;
+            strategy: import("@floating-ui/react").Strategy;
+            middlewareData: import("@floating-ui/react").MiddlewareData;
+            x: number | null;
+            y: number | null;
+            update: () => void;
+            reference: (node: HTMLElement | null) => void;
+            floating: (node: HTMLElement | null) => void;
+            positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+            context: {
+                x: number | null;
+                y: number | null;
+                placement: import("@floating-ui/react").Placement;
+                strategy: import("@floating-ui/react").Strategy;
+                middlewareData: import("@floating-ui/react").MiddlewareData;
+                reference: (node: HTMLElement | null) => void;
+                floating: (node: HTMLElement | null) => void;
+                update: () => void;
+                isPositioned: boolean;
+                open: boolean;
+                onOpenChange: (open: boolean) => void;
+                events: import("@floating-ui/react").FloatingEvents;
+                dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+                nodeId: string | undefined;
+                floatingId: string;
+                refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+                elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            };
+            refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+            elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            isPositioned: boolean;
+        };
+        navigationList: React.MutableRefObject<(HTMLElement | null)[]>;
+        virtuoso: React.RefObject<VirtuosoHandle>;
+    };
+} | null>;
+export declare function useSuperSelectContext(): {
+    config: {
+        block: boolean;
+        disabled: boolean;
+        draggable: boolean;
+        emptyMessage: string;
+        error: boolean | undefined;
+        footer: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        header: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        placeholder: string | undefined;
+        preset: import("./SuperSelect.types").SuperSelectPreset;
+        presetProps: import("./SuperSelect.types").SuperSelectPresetProps | undefined;
+        selectionStyle: "checkbox" | "highlight" | "checkmark";
+        tabIndex: number;
+        loading: boolean;
+        multiple: boolean;
+    };
+    components: {
+        Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+        SingleTrigger: (props: any) => JSX.Element;
+        MultiTrigger: (props: any) => JSX.Element | null;
+        TriggerContainer: React.ForwardRefExoticComponent<any> | React.FC<any>;
+        Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+        Indicators: (props: any) => JSX.Element;
+        Label: React.ForwardRefExoticComponent<{
+            hoverable: boolean;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Loading: () => JSX.Element;
+        ArrowContainer: (props: any) => JSX.Element;
+        Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
+        Clear: () => JSX.Element;
+        MultiInputContainer: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        MultiInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        MultiValue: (props: any) => JSX.Element;
+        MultiValueContainer: (props: any) => JSX.Element;
+        SearchContainer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        Search: (props: any) => JSX.Element;
+        Header: (props: any) => JSX.Element;
+        Footer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        EmptyMessage: (props: any) => JSX.Element;
+        Options: (props: {
+            children?: React.ReactNode;
+        } & import("../_utils/types").DivAttributes) => JSX.Element;
+        Group: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        Item: React.ForwardRefExoticComponent<import("./SuperSelect.types").SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
+        OptionLabel: ({ option }: any) => JSX.Element;
+        OptionContent: ({ option }: any) => JSX.Element;
+        DraggableOptionContent: ({ index, option }: any) => JSX.Element;
+        DragHandle: (props: any) => JSX.Element;
+        CheckboxContainer: (props: any) => JSX.Element;
+        Checkbox: (props: any) => JSX.Element;
+        CheckmarkContainer: (props: any) => JSX.Element;
+        Checkmark: (props: any) => JSX.Element;
+    };
+    state: {
+        activeMenuIndex: number | null;
+        activeTokenIndex: number | null;
+        isEmpty: () => boolean;
+        listContainerHeight: number;
+        listId: string;
+        maxHeight: number;
+        onDragEnd: (result: any) => void;
+        onSelect: (option: any) => void;
+        open: boolean;
+        options: any[];
+        overlayId: string;
+        searchValue: string;
+        selectedIndex: number;
+        selectedLabel: string;
+        selectedOption: any;
+        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+        setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+        sourceOptions: any[];
+        value: SuperSelectValue;
+        width: number;
+    };
+    props: {
+        clear: () => {
+            'aria-hidden': boolean;
+            'aria-label': string;
+            onClick(e: React.MouseEvent<Element, MouseEvent>): void;
+        };
+        emptyMessage: () => {
+            emptyMessage: string;
+        };
+        footer: () => {
+            ref: (el: HTMLElement | null) => void;
+            onKeyDown: (e: React.KeyboardEvent<Element>) => void;
+        };
+        header: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        item: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        label: () => {
+            $hoverable: boolean;
+        };
+        menu: () => {
+            scrollable: boolean;
+            style: {
+                height: number;
+            };
+        };
+        multiInput: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement> & {
+            ref: React.Ref<HTMLInputElement>;
+        };
+        overlay: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        search: () => {
+            'aria-controls': string;
+            onChange(value: string): void;
+            placeholder: string;
+        };
+        searchContainer: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        tokenClear: (index: number) => {
+            onClick(e: React.MouseEvent<Element, MouseEvent>): void;
+        };
+        trigger: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+        virtuoso: () => VirtuosoProps<{}, {}>;
+    };
+    option: {
+        group: (option: any) => string;
+        isBatch: (option: any) => boolean;
+        isSelected: (option: any) => boolean;
+        isDisabled: (option: any) => boolean;
+        isOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
+        label: (option: any) => string;
+        value: (option: any) => SuperSelectValuePrimitive;
+    };
+    refs: {
+        floating: {
+            placement: import("@floating-ui/react").Placement;
+            strategy: import("@floating-ui/react").Strategy;
+            middlewareData: import("@floating-ui/react").MiddlewareData;
+            x: number | null;
+            y: number | null;
+            update: () => void;
+            reference: (node: HTMLElement | null) => void;
+            floating: (node: HTMLElement | null) => void;
+            positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+            context: {
+                x: number | null;
+                y: number | null;
+                placement: import("@floating-ui/react").Placement;
+                strategy: import("@floating-ui/react").Strategy;
+                middlewareData: import("@floating-ui/react").MiddlewareData;
+                reference: (node: HTMLElement | null) => void;
+                floating: (node: HTMLElement | null) => void;
+                update: () => void;
+                isPositioned: boolean;
+                open: boolean;
+                onOpenChange: (open: boolean) => void;
+                events: import("@floating-ui/react").FloatingEvents;
+                dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+                nodeId: string | undefined;
+                floatingId: string;
+                refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+                elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            };
+            refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+            elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            isPositioned: boolean;
+        };
+        navigationList: React.MutableRefObject<(HTMLElement | null)[]>;
+        virtuoso: React.RefObject<VirtuosoHandle>;
+    };
+};