@toptal/picasso-select 4.1.3-alpha-1757603192867.0 → 4.1.3-alpha-FF-49-enhance-publishing-6b5d306f0.0

package/dist-package/src/NativeSelect/NativeSelect.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ValueType, SelectProps } from '../SelectBase';
+export declare const NativeSelect: import("@toptal/picasso-utils").Component<(<T extends ValueType, M extends boolean = false>(props: SelectProps<T, M, M extends true ? T[] : T> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), unknown>;
+export default NativeSelect;
+//# sourceMappingURL=NativeSelect.d.ts.map

package/dist-package/src/NativeSelect/NativeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAWrC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,YAAY;;0FAiJxB,CAAA;AAqBD,eAAe,YAAY,CAAA"}

package/dist-package/src/NativeSelect/NativeSelect.js

@@ -0,0 +1,89 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef } from 'react';
+import { OutlinedInput } from '@toptal/picasso-outlined-input';
+import { documentable, forwardRef, noop, useCombinedRefs, } from '@toptal/picasso-utils';
+import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
+import { SelectCaret } from '../SelectCaret';
+import { getOptionText, useAdornments, useSelectState, useSelectProps, renderOption as defaultRenderOption, } from '../SelectBase';
+import NativeSelectOptions from '../NativeSelectOptions';
+import NativeSelectPlaceholder from '../NativeSelectPlaceholder';
+import { NativeSelectInput } from './NativeSelectInput';
+const DEFAULT_EMPTY_ARRAY_VALUE = [];
+const classesByWidth = {
+    full: 'w-full',
+    shrink: 'w-auto',
+    auto: '',
+};
+export const NativeSelect = documentable(forwardRef((props, ref) => {
+    const { className, style, width = 'full', loading, id, icon, iconPosition = 'start', name, renderOption = defaultRenderOption, placeholder, disabled, status, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, onChange, options, getDisplayValue = getOptionText, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    menuWidth, noOptionsText, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold, limit, native, testIds, highlight, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    enableResetSearch } = props, 
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    rest = __rest(props, ["className", "style", "width", "loading", "id", "icon", "iconPosition", "name", "renderOption", "placeholder", "disabled", "status", "multiple", "value", "size", "enableReset", "onChange", "options", "getDisplayValue", "menuWidth", "noOptionsText", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "native", "testIds", "highlight", "enableResetSearch"]);
+    const selectRef = useCombinedRefs(ref, useRef(null));
+    const inputWrapperRef = useRef(null);
+    const selectState = useSelectState({
+        getDisplayValue,
+        options,
+        disabled,
+        multiple,
+        value,
+        limit,
+    });
+    const { selection, emptySelectValue } = selectState;
+    const { getItemProps, getInputProps } = useSelectProps({
+        selectRef,
+        selectProps: props,
+        selectState,
+    });
+    const [selectStartAdornment, selectEndAdornment] = useAdornments({
+        position: iconPosition,
+        icon,
+        loading,
+        disabled,
+    });
+    const startAdornment = selectStartAdornment && (React.createElement("div", { className: 'absolute left-[0.625rem]' }, selectStartAdornment));
+    const endAdornment = selectEndAdornment && (React.createElement("div", { className: 'absolute right-[1.625rem]' }, selectEndAdornment));
+    const children = (React.createElement(React.Fragment, null,
+        React.createElement(NativeSelectPlaceholder, { emptySelectValue: emptySelectValue, disabled: !enableReset }, placeholder),
+        React.createElement(NativeSelectOptions, { options: options, selection: selection, renderOption: renderOption, getItemProps: getItemProps })));
+    const nativeSelectComponent = (React.createElement(OutlinedInput, Object.assign({ width: width, size: size, className: 'p-0 bg-white', testIds: testIds, status: status, highlight: highlight }, getInputProps(), rest, { ref: selectRef, disabled: disabled, name: name, id: id, startAdornment: startAdornment, endAdornment: endAdornment, value: value, onChange: onChange, inputComponent: NativeSelectInput, inputProps: {
+            multiple,
+            children,
+            type: undefined,
+            IconComponent: () => React.createElement(SelectCaret, { disabled: disabled }),
+            className: twJoin('w-full p-2 focus:bg-inheritColor', !selection.isSelected() && 'text-gray-600', React.isValidElement(startAdornment) && 'pl-[2.5625rem]', React.isValidElement(endAdornment) && 'pr-[3.5625rem]'),
+        } })));
+    return (React.createElement("div", { className: twMerge('relative inline-flex text-[1rem] cursor-pointer', className, classesByWidth[width], disabled && 'cursor-default'), style: style, ref: inputWrapperRef }, nativeSelectComponent));
+}));
+NativeSelect.defaultProps = {
+    disabled: false,
+    getDisplayValue: getOptionText,
+    iconPosition: 'start',
+    loading: false,
+    noOptionsText: 'No matches found',
+    onChange: noop,
+    onBlur: noop,
+    renderOption: defaultRenderOption,
+    size: 'medium',
+    width: 'full',
+    searchThreshold: 10,
+    enableAutofill: false,
+    searchPlaceholder: 'Search',
+    status: 'default',
+};
+NativeSelect.displayName = 'NativeSelect';
+export default NativeSelect;
+//# sourceMappingURL=NativeSelect.js.map

package/dist-package/src/NativeSelect/NativeSelect.js.map

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

package/dist-package/src/NativeSelect/NativeSelectInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const NativeSelectInput: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    IconComponent?: React.ElementType<any> | undefined;
+    multiple?: boolean | undefined;
+    ownerState?: {} | undefined;
+} & React.HTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=NativeSelectInput.d.ts.map

package/dist-package/src/NativeSelect/NativeSelectInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectInput.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAWzC,eAAO,MAAM,iBAAiB;;;;;;qFAqC5B,CAAA"}

package/dist-package/src/NativeSelect/NativeSelectInput.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
+export const NativeSelectInput = forwardRef((props, ref) => {
+    // omit ownerState from the props
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { ownerState, className, disabled, multiple, IconComponent } = props, other = __rest(props, ["ownerState", "className", "disabled", "multiple", "IconComponent"]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("select", Object.assign({ className: twMerge(`appearance-none select-none rounded-none min-w-4 cursor-pointer
+           focus:bg-black/[.05] focus:rounded-none`, disabled && 'cursor-default', multiple ? 'h-auto' : '[&_option]:bg-white [&_optgroup]:bg-white', className, 'pr-6' // From MUI, this rule is more specific and should override classname
+            ), disabled: disabled, multiple: multiple, ref: ref }, other)),
+        multiple
+            ? null
+            : IconComponent && (React.createElement(IconComponent, { className: twJoin('absolute right-0 top-[calc(50%-12px)] pointer-events-none', disabled ? 'text-black/[.26]' : 'text-black/[.54]') }))));
+});
+NativeSelectInput.displayName = 'NativeSelectInput';
+//# sourceMappingURL=NativeSelectInput.js.map

package/dist-package/src/NativeSelect/NativeSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectInput.js","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelectInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAUhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,iCAAiC;IACjC,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,KAC9D,KAAK,EAD8D,KAAK,UACxE,KAAK,EADD,oEAAsE,CACrE,CAAA;IAEP,OAAO,CACL;QACE,8CACE,SAAS,EAAE,OAAO,CAChB;mDACyC,EACzC,QAAQ,IAAI,gBAAgB,EAC5B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,2CAA2C,EACjE,SAAS,EACT,MAAM,CAAC,qEAAqE;aAC7E,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,KAAK,EACT;QACD,QAAQ;YACP,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,aAAa,IAAI,CACf,oBAAC,aAAa,IACZ,SAAS,EAAE,MAAM,CACf,2DAA2D,EAC3D,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CACnD,GACD,CACH,CACJ,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist-package/src/NativeSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NativeSelect } from './NativeSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NativeSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist-package/src/NativeSelect/index.js

@@ -0,0 +1,2 @@
+export { default as NativeSelect } from './NativeSelect';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NativeSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist-package/src/NativeSelectOptions/NativeSelectOptions.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { Option, OptionGroups, ItemProps, Selection } from '../SelectBase';
+export interface Props {
+    options: Option[] | OptionGroups;
+    selection: Selection;
+    renderOption: (option: Option, index: number) => ReactNode;
+    getItemProps: (option: Option, index: number) => ItemProps;
+}
+declare const NativeSelectOptions: {
+    ({ options, renderOption, getItemProps, selection, }: Props): JSX.Element;
+    displayName: string;
+};
+export default NativeSelectOptions;
+//# sourceMappingURL=NativeSelectOptions.d.ts.map

package/dist-package/src/NativeSelectOptions/NativeSelectOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOptions.d.ts","sourceRoot":"","sources":["../../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAG/E,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,YAAY,CAAA;IAChC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CAC3D;AA8BD,QAAA,MAAM,mBAAmB;0DAKtB,KAAK;;CAmBP,CAAA;AAID,eAAe,mBAAmB,CAAA"}

package/dist-package/src/NativeSelectOptions/NativeSelectOptions.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { isOptionsType } from '../SelectBase';
+const renderOptions = ({ options, getItemProps, renderOption, selection, }) => {
+    return (React.createElement(React.Fragment, null, options.map((option, index) => {
+        var _a;
+        return (React.createElement("option", Object.assign({ key: ((_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : option.value).toString(), value: option.value.toString(), "aria-selected": 
+            // aria-selected should be undefined for non-selectable options
+            option.disabled ? undefined : selection.isOptionSelected(option), disabled: option.disabled }, getItemProps(option, index)), renderOption(option, index)));
+    })));
+};
+const NativeSelectOptions = ({ options, renderOption, getItemProps, selection, }) => {
+    if (isOptionsType(options)) {
+        return renderOptions({ options, getItemProps, renderOption, selection });
+    }
+    return (React.createElement(React.Fragment, null, Object.keys(options).map(group => (React.createElement("optgroup", { key: group, label: group }, renderOptions({
+        options: options[group],
+        getItemProps,
+        renderOption,
+        selection,
+    }))))));
+};
+NativeSelectOptions.displayName = 'NativeSelectOptions';
+export default NativeSelectOptions;
+//# sourceMappingURL=NativeSelectOptions.js.map

package/dist-package/src/NativeSelectOptions/NativeSelectOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOptions.js","sourceRoot":"","sources":["../../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAS7C,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,GAGV,EAAE,EAAE;IACH,OAAO,CACL,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAAC,OAAA,CAC9B,8CACE,GAAG,EAAE,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;YAE5B,+DAA+D;YAC/D,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAElE,QAAQ,EAAE,MAAM,CAAC,QAAQ,IACrB,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,GAE9B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,CACV,CAAA;KAAA,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,GACH,EAAE,EAAE;IACV,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAA;KACzE;IAED,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjC,kCAAU,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,aAAa,CAAC;QACb,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;QACvB,YAAY;QACZ,YAAY;QACZ,SAAS;KACV,CAAC,CACO,CACZ,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}

package/dist-package/src/NativeSelectOptions/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './NativeSelectOptions';
+export type { Props as NativeSelectOptionsProps } from './NativeSelectOptions';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NativeSelectOptions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NativeSelectOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,YAAY,EAAE,KAAK,IAAI,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist-package/src/NativeSelectOptions/index.js

@@ -0,0 +1,2 @@
+export { default } from './NativeSelectOptions';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NativeSelectOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeSelectOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA"}

package/dist-package/src/NativeSelectPlaceholder/NativeSelectPlaceholder.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export interface Props {
+    children?: ReactNode;
+    emptySelectValue: string | string[];
+    disabled: boolean;
+}
+declare const NativeSelectPlaceholder: {
+    ({ emptySelectValue, disabled, children, }: Props): JSX.Element;
+    displayName: string;
+};
+export default NativeSelectPlaceholder;
+//# sourceMappingURL=NativeSelectPlaceholder.d.ts.map

package/dist-package/src/NativeSelectPlaceholder/NativeSelectPlaceholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,uBAAuB;gDAI1B,KAAK;;CAIP,CAAA;AAID,eAAe,uBAAuB,CAAA"}

package/dist-package/src/NativeSelectPlaceholder/NativeSelectPlaceholder.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const NativeSelectPlaceholder = ({ emptySelectValue, disabled, children, }) => (React.createElement("option", { disabled: disabled, value: emptySelectValue }, children));
+NativeSelectPlaceholder.displayName = 'NativeSelectPlaceholder';
+export default NativeSelectPlaceholder;
+//# sourceMappingURL=NativeSelectPlaceholder.js.map

package/dist-package/src/NativeSelectPlaceholder/NativeSelectPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectPlaceholder.js","sourceRoot":"","sources":["../../../src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,uBAAuB,GAAG,CAAC,EAC/B,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE,CAAC,CACX,gCAAQ,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,IAChD,QAAQ,CACF,CACV,CAAA;AAED,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAE/D,eAAe,uBAAuB,CAAA"}

package/dist-package/src/NativeSelectPlaceholder/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './NativeSelectPlaceholder';
+export type { Props as NativeSelectPlaceholderProps } from './NativeSelectPlaceholder';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NativeSelectPlaceholder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NativeSelectPlaceholder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,YAAY,EAAE,KAAK,IAAI,4BAA4B,EAAE,MAAM,2BAA2B,CAAA"}

package/dist-package/src/NativeSelectPlaceholder/index.js

@@ -0,0 +1,2 @@
+export { default } from './NativeSelectPlaceholder';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NativeSelectPlaceholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeSelectPlaceholder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA"}

package/dist-package/src/NonNativeSelect/NonNativeSelect.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ValueType, SelectProps } from '../SelectBase';
+export declare const NonNativeSelect: import("@toptal/picasso-utils").Component<(<T extends ValueType, M extends boolean = false>(props: SelectProps<T, M, M extends true ? T[] : T> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), unknown>;
+export default NonNativeSelect;
+//# sourceMappingURL=NonNativeSelect.d.ts.map

package/dist-package/src/NonNativeSelect/NonNativeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAkBrC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA0B3D,eAAO,MAAM,eAAe;;0FA+N3B,CAAA;AAuBD,eAAe,eAAe,CAAA"}

package/dist-package/src/NonNativeSelect/NonNativeSelect.js

@@ -0,0 +1,106 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef } from 'react';
+import { Search16 } from '@toptal/picasso-icons';
+import { OutlinedInput } from '@toptal/picasso-outlined-input';
+import { Popper } from '@toptal/picasso-popper';
+import { MenuItem } from '@toptal/picasso-menu';
+import { documentable, forwardRef, noop, useCombinedRefs, } from '@toptal/picasso-utils';
+import { InputAdornment } from '@toptal/picasso-input-adornment';
+import { useFieldsLayoutContext } from '@toptal/picasso-form';
+import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
+import { SelectCaret } from '../SelectCaret';
+import { NonNativeSelectLoader } from '../NonNativeSelectLoader';
+import { useAdornments, useSelectState, useSelectProps, renderOption as defaultRenderOption, getOptionText, DEFAULT_LIMIT, DEFAULT_SEARCH_THRESHOLD, countOptions, filterFlatOptions as defaultFilterOptions, } from '../SelectBase';
+import { NonNativeSelectOptions } from '../NonNativeSelectOptions';
+import { NonNativeSelectLimitFooter } from '../NonNativeSelectLimitFooter';
+const DEFAULT_EMPTY_ARRAY_VALUE = [];
+const classesByWidth = {
+    auto: '',
+    full: 'w-full',
+    shrink: 'w-auto',
+};
+export const NonNativeSelect = documentable(forwardRef(
+// eslint-disable-next-line max-lines-per-function, complexity
+(props, ref) => {
+    const { className, style, width = 'full', menuWidth, loading, id, icon, iconPosition = 'start', name, noOptionsText, renderOption = defaultRenderOption, placeholder, disabled, disablePortal, status, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, popperContainer, enableAutofill, enableResetSearch, autoComplete, searchPlaceholder, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT, getDisplayValue = getOptionText, options, onChange, filterOptions = defaultFilterOptions, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    native, testIds, highlight } = props, rest = __rest(props, ["className", "style", "width", "menuWidth", "loading", "id", "icon", "iconPosition", "name", "noOptionsText", "renderOption", "placeholder", "disabled", "disablePortal", "status", "multiple", "value", "size", "enableReset", "popperContainer", "enableAutofill", "enableResetSearch", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "getDisplayValue", "options", "onChange", "filterOptions", "native", "testIds", "highlight"]);
+    const selectRef = useCombinedRefs(ref, useRef(null));
+    const searchInputRef = useRef(null);
+    const popperRef = useRef(null);
+    const inputWrapperRef = useRef(null);
+    const selectState = useSelectState({
+        getDisplayValue,
+        filterFlatOptions: filterOptions,
+        options,
+        disabled,
+        multiple,
+        value,
+        searchThreshold,
+        limit,
+    });
+    const { highlightedIndex, isOpen, showSearch, filterOptionsValue, displayValue, selection, filteredOptions, } = selectState;
+    const { getItemProps, getRootProps, getInputProps, getSearchInputProps } = useSelectProps({
+        selectRef,
+        popperRef,
+        searchInputRef,
+        selectProps: props,
+        selectState,
+    });
+    const { layout } = useFieldsLayoutContext();
+    const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div', nonSelectable: true, className: 'pt-[0.375rem] pl-2 pb-2 pr-2' },
+        React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: 'w-full', startAdornment: React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true },
+                React.createElement(Search16, null)), placeholder: searchPlaceholder, enableReset: enableResetSearch, size: size, value: filterOptionsValue, testIds: testIds, "aria-autocomplete": 'list', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.searchInput }, getSearchInputProps())))) : null;
+    const rootProps = getRootProps();
+    const [startAdornment, endAdornment] = useAdornments({
+        position: iconPosition,
+        icon,
+        disabled,
+    });
+    const selectComponent = (React.createElement(React.Fragment, null,
+        React.createElement("div", Object.assign({}, rootProps, { className: twJoin('w-[inherit] outline-0', layout === 'horizontal' && 'w-full') }),
+            !enableAutofill && name && (React.createElement("input", { type: 'hidden', value: displayValue, name: name })),
+            React.createElement(OutlinedInput
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            , Object.assign({}, rest, { onChange: onChange, inputRef: selectRef, status: status, disabled: disabled, id: id, startAdornment: startAdornment, endAdornment: endAdornment, 
+                // Input specific props
+                value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: 'pr-[1.625rem]', highlight: highlight, inputProps: {
+                    size: 1, // let input to have smallest width by default for width:'shrink'
+                }, size: size, role: 'textbox', enableReset: enableReset ? selection.isSelected() : false, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', name: enableAutofill ? name : undefined, testIds: testIds })),
+            React.createElement(SelectCaret, { disabled: disabled })),
+        !disabled && isOpen && (React.createElement(Popper, { ref: popperRef, autoWidth: true, width: menuWidth, placement: 'bottom-start', open: true, anchorEl: inputWrapperRef.current, container: popperContainer, disablePortal: disablePortal }, loading ? (React.createElement(NonNativeSelectLoader, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loader })) : (React.createElement(NonNativeSelectOptions, { options: filteredOptions, renderOption: renderOption, highlightedIndex: highlightedIndex, getItemProps: getItemProps, onBlur: rootProps.onBlur, selection: selection, filterOptionsValue: filterOptionsValue, multiple: multiple, noOptionsText: noOptionsText, fixedHeader: searchInput, fixedFooter: limit < countOptions(options) ? (React.createElement(NonNativeSelectLimitFooter, { totalCount: countOptions(options), limit: limit, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.limitFooter })) : null, testIds: {
+                noOptions: testIds === null || testIds === void 0 ? void 0 : testIds.noOptions,
+            } }))))));
+    return (React.createElement("div", { className: twMerge('relative inline-flex text-[1rem] cursor-pointer', className, classesByWidth[width], disabled && 'cursor-default'), style: style, ref: inputWrapperRef }, selectComponent));
+}));
+NonNativeSelect.defaultProps = {
+    disabled: false,
+    status: 'default',
+    getDisplayValue: getOptionText,
+    iconPosition: 'start',
+    loading: false,
+    noOptionsText: 'No matches found',
+    onChange: noop,
+    onBlur: noop,
+    renderOption: defaultRenderOption,
+    size: 'medium',
+    width: 'full',
+    searchThreshold: DEFAULT_SEARCH_THRESHOLD,
+    limit: DEFAULT_LIMIT,
+    enableAutofill: false,
+    searchPlaceholder: 'Search',
+    filterOptions: defaultFilterOptions,
+};
+NonNativeSelect.displayName = 'NonNativeSelect';
+export default NonNativeSelect;
+//# sourceMappingURL=NonNativeSelect.js.map

package/dist-package/src/NonNativeSelect/NonNativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,eAAe,GAChB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,IAAI,mBAAmB,EACnC,aAAa,EACb,aAAa,EACb,wBAAwB,EACxB,YAAY,EACZ,iBAAiB,IAAI,oBAAoB,GAC1C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAE1E,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,cAAc,GAGhB;IACF,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CACzC,UAAU;AACR,8DAA8D;AAC9D,CACE,KAAwB,EACxB,GAAuC,EACvC,EAAE;IACF,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,GAAG,MAAM,EACd,SAAS,EACT,OAAO,EACP,EAAE,EACF,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,mBAAmB,EAClC,WAAW,EACX,QAAQ,EACR,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EACjD,IAAI,EACJ,WAAW,EACX,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GAAG,wBAAwB,EAC1C,KAAK,GAAG,aAAa,EACrB,eAAe,GAAG,aAAa,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,GAAG,oBAAoB;IACpC,6DAA6D;IAC7D,MAAM,EACN,OAAO,EACP,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EApCH,wbAoCL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,eAAe,CAC/B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IACD,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACrD,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACxC,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,eAAe;QACf,iBAAiB,EAAE,aAAa;QAChC,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,eAAe;QACf,KAAK;KACN,CAAC,CAAA;IACF,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,eAAe,GAChB,GAAG,WAAW,CAAA;IACf,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,GACtE,cAAc,CAAC;QACb,SAAS;QACT,SAAS;QACT,cAAc;QACd,WAAW,EAAE,KAAK;QAClB,WAAW;KACZ,CAAC,CAAA;IAEJ,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE3C,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAC/B,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,aAAa,QACb,SAAS,EAAC,8BAA8B;QAExC,oBAAC,aAAa,kBACZ,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,QAAQ,EAClB,cAAc,EACZ,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB;gBACnD,oBAAC,QAAQ,OAAG,CACG,EAEnB,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,uBACE,MAAM,iBACX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,IAE7B,mBAAmB,EAAE,EACzB,CACO,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,aAAa,CAAC;QACnD,QAAQ,EAAE,YAAY;QACtB,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,CACtB;QACE,6CACM,SAAS,IACb,SAAS,EAAE,MAAM,CACf,uBAAuB,EACvB,MAAM,KAAK,YAAY,IAAI,QAAQ,CACpC;YAEA,CAAC,cAAc,IAAI,IAAI,IAAI,CAC1B,+BAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD;YACD,oBAAC,aAAa;YACZ,wDAAwD;gCACpD,IAAI,IACR,QAAQ,EAAE,QAAe,EACzB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY;gBAC1B,uBAAuB;gBACvB,KAAK,EAAE,YAAY,IACf,aAAa,EAAE,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAC,eAAe,EACzB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE;oBACV,IAAI,EAAE,CAAC,EAAE,iEAAiE;iBAC3E,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,EACzD,YAAY,EACV,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,EAEvD,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,OAAO,IAChB;YACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC/B;QACL,CAAC,QAAQ,IAAI,MAAM,IAAI,CACtB,oBAAC,MAAM,IACL,GAAG,EAAE,SAAS,EACd,SAAS,QACT,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,QACJ,QAAQ,EAAE,eAAe,CAAC,OAAO,EACjC,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,aAAa,IAE3B,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,qBAAqB,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,GAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,IACrB,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,YAAmB,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EACT,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,0BAA0B,IACzB,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,EACjC,KAAK,EAAE,KAAK,iBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,GACjC,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE;gBACP,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;aAC9B,GACD,CACH,CACM,CACV,CACA,CACJ,CAAA;IAED,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,CAChB,iDAAiD,EACjD,SAAS,EACT,cAAc,CAAC,KAAK,CAAC,EACrB,QAAQ,IAAI,gBAAgB,CAC7B,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,IAEnB,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CACF,CACF,CAAA;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,mBAAmB;IACjC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,aAAa,EAAE,oBAAoB;CACpC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}

package/dist-package/src/NonNativeSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NonNativeSelect } from './NonNativeSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NonNativeSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist-package/src/NonNativeSelect/index.js

@@ -0,0 +1,2 @@
+export { default as NonNativeSelect } from './NonNativeSelect';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NonNativeSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist-package/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { BaseProps } from '@toptal/picasso-shared';
+interface Props extends BaseProps {
+    totalCount: number;
+    limit: number;
+}
+export declare const NonNativeSelectLimitFooter: ({ totalCount, limit, "data-testid": dataTestId, }: Props) => JSX.Element | null;
+export default NonNativeSelectLimitFooter;
+//# sourceMappingURL=NonNativeSelectLimitFooter.d.ts.map

package/dist-package/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectLimitFooter.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,0BAA0B,sDAIpC,KAAK,uBAWP,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist-package/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MenuItem } from '@toptal/picasso-menu';
+export const NonNativeSelectLimitFooter = ({ totalCount, limit, 'data-testid': dataTestId, }) => {
+    return limit < totalCount ? (React.createElement(MenuItem, { "data-testid": dataTestId, titleCase: false, className: 'text-graphite-700 py-3 px-4 border border-solid border-gray-300 text-[0.6875rem]', disabled: true },
+        "Showing only first ",
+        limit,
+        " of ",
+        totalCount,
+        " items")) : null;
+};
+export default NonNativeSelectLimitFooter;
+//# sourceMappingURL=NonNativeSelectLimitFooter.js.map

package/dist-package/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectLimitFooter.js","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAO/C,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,UAAU,EACV,KAAK,EACL,aAAa,EAAE,UAAU,GACnB,EAAE,EAAE;IACV,OAAO,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAC1B,oBAAC,QAAQ,mBACM,UAAU,EACvB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,kFAAkF,EAC5F,QAAQ;;QAEY,KAAK;;QAAM,UAAU;iBAChC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist-package/src/NonNativeSelectLimitFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectLimitFooter } from './NonNativeSelectLimitFooter';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NonNativeSelectLimitFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}

package/dist-package/src/NonNativeSelectLimitFooter/index.js

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectLimitFooter } from './NonNativeSelectLimitFooter';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NonNativeSelectLimitFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NonNativeSelectLimitFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}

package/dist-package/src/NonNativeSelectLoader/NonNativeSelectLoader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { BaseProps } from '@toptal/picasso-shared';
+interface Props extends BaseProps {
+}
+export declare const NonNativeSelectLoader: ({ "data-testid": dataTestId }: Props) => JSX.Element;
+export default NonNativeSelectLoader;
+//# sourceMappingURL=NonNativeSelectLoader.d.ts.map

package/dist-package/src/NonNativeSelectLoader/NonNativeSelectLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectLoader.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectLoader/NonNativeSelectLoader.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAMvD,UAAU,KAAM,SAAQ,SAAS;CAAG;AAEpC,eAAO,MAAM,qBAAqB,kCAAmC,KAAK,gBAQzE,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist-package/src/NonNativeSelectLoader/NonNativeSelectLoader.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Container } from '@toptal/picasso-container';
+import { Loader } from '@toptal/picasso-loader';
+import { SelectOptions } from '../SelectOptions';
+export const NonNativeSelectLoader = ({ 'data-testid': dataTestId }) => {
+    return (React.createElement(SelectOptions, { "data-testid": dataTestId },
+        React.createElement(Container, { padded: 'small' },
+            React.createElement(Loader, { size: 'small' }))));
+};
+export default NonNativeSelectLoader;
+//# sourceMappingURL=NonNativeSelectLoader.js.map

package/dist-package/src/NonNativeSelectLoader/NonNativeSelectLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectLoader.js","sourceRoot":"","sources":["../../../src/NonNativeSelectLoader/NonNativeSelectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAS,EAAE,EAAE;IAC5E,OAAO,CACL,oBAAC,aAAa,mBAAc,UAAU;QACpC,oBAAC,SAAS,IAAC,MAAM,EAAC,OAAO;YACvB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACb,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist-package/src/NonNativeSelectLoader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectLoader } from './NonNativeSelectLoader';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NonNativeSelectLoader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/NonNativeSelectLoader/index.js

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectLoader } from './NonNativeSelectLoader';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NonNativeSelectLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NonNativeSelectLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/NonNativeSelectOption/NonNativeSelectOption.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ItemProps, Option, ValueType } from '../SelectBase';
+export interface Props<T extends ValueType> extends ItemProps {
+    children?: ReactNode;
+    description?: ReactNode;
+    selected: boolean;
+    highlighted: boolean;
+    option: Option<T>;
+}
+declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, selected, highlighted, description, children, ...itemProps }: Props<T>) => JSX.Element)>;
+export default NonNativeSelectOption;
+//# sourceMappingURL=NonNativeSelectOption.d.ts.map

package/dist-package/src/NonNativeSelectOption/NonNativeSelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectOption.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,SAAS;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;CAClB;AAED,QAAA,MAAM,qBAAqB,qJA0B1B,CAAA;AAID,eAAe,qBAAqB,CAAA"}

package/dist-package/src/NonNativeSelectOption/NonNativeSelectOption.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { MenuItem } from '@toptal/picasso-menu';
+const NonNativeSelectOption = React.memo((_a) => {
+    var { option, selected, highlighted, description, children } = _a, itemProps = __rest(_a, ["option", "selected", "highlighted", "description", "children"]);
+    return (React.createElement(MenuItem, Object.assign({ value: option.value, selected: highlighted, checkmarked: selected, titleCase: false, description: description, role: 'option', "aria-selected": selected, "data-highlighted": highlighted, disabled: option.disabled }, itemProps), children));
+});
+NonNativeSelectOption.displayName = 'NonNativeSelectOption';
+export default NonNativeSelectOption;
+//# sourceMappingURL=NonNativeSelectOption.js.map

package/dist-package/src/NonNativeSelectOption/NonNativeSelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAY/C,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAsB,EAOX,EAAE,EAAE;QAPO,EACpB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,OAEC,EADN,SAAS,cANQ,gEAOrB,CADa;IAEZ,OAAO,CACL,oBAAC,QAAQ,kBACP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,mBACE,QAAQ,sBACL,WAAW,EAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ,IACrB,SAAS,GAEZ,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}

package/dist-package/src/NonNativeSelectOption/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectOption } from './NonNativeSelectOption';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NonNativeSelectOption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectOption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/NonNativeSelectOption/index.js

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectOption } from './NonNativeSelectOption';
+//# sourceMappingURL=index.js.map