@driveflux/beam 3.0.1 → 3.0.3

package/dist/input-select/InputSelect.js

@@ -1,129 +1,4 @@
 'use client';
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from 'cmdk';
 import * as React from 'react';
@@ -132,215 +7,112 @@ import FieldWrapper from '../field-wrapper/FieldWrapper';
 import IconClose from '../icons/IconClose';
 import IconSelectArrow from '../icons/IconSelectArrow';
 import { cn } from '../utils';
-var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
-        ref: ref,
-        className: cn('flex relative w-full', className)
-    }, props));
-});
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex relative w-full', className), ...props })));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, error = _param.error, prefix = _param.prefix, isFocused = _param.isFocused, isSelected = _param.isSelected, handleToggle = _param.handleToggle, handleClear = _param.handleClear, props = _object_without_properties(_param, [
-        "className",
-        "error",
-        "prefix",
-        "isFocused",
-        "isSelected",
-        "handleToggle",
-        "handleClear"
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        ref: ref,
-        className: cn('flex items-center gap-2 h-10 w-full border border-primary2 bg-white text-sm cursor-pointer outline-none file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none rounded-lg', error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
-        children: [
-            prefix,
-            /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread_props(_object_spread({
-                className: cn('border-none h-full px-3 outline-hidden text-ellipsis placeholder:text-primary2 placeholder:tracking-normal w-full cursor-pointer disabled:cursor-not-allowed disabled:bg-primary1 disabled:text-primary3 rounded-lg'),
-                disabled: props.disabled
-            }, props), {
-                onClick: function(_e) {
-                    if (isSelected) {
-                        isFocused = true;
-                    } else if (!isFocused) {
-                        handleToggle();
-                    }
+const CommandInput = React.forwardRef(({ className, error, prefix, isFocused, isSelected, handleToggle, handleClear, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('flex items-center gap-2 h-10 w-full border border-primary2 bg-white text-sm cursor-pointer outline-none file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none rounded-lg', error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx(CommandPrimitive.Input, { className: cn('border-none h-full px-3 outline-hidden text-ellipsis placeholder:text-primary2 placeholder:tracking-normal w-full cursor-pointer disabled:cursor-not-allowed disabled:bg-primary1 disabled:text-primary3 rounded-lg'), disabled: props.disabled, ...props, onClick: (_e) => {
+                if (isSelected) {
+                    isFocused = true;
                 }
-            })),
-            !props.disabled && /*#__PURE__*/ _jsx(Box, {
-                className: "flex items-center justify-center w-8 h-8 mx-1",
-                style: {
-                    pointerEvents: 'auto'
-                },
-                children: isSelected ? /*#__PURE__*/ _jsx(IconClose, {
-                    className: "text-black",
-                    onClick: function(e) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        handleClear(e);
-                    }
-                }) : /*#__PURE__*/ _jsx(IconSelectArrow, {
-                    variant: isFocused ? 'up' : 'down',
-                    onClick: function() {
-                        return handleToggle();
-                    }
-                })
-            })
-        ]
-    });
-});
+                else if (!isFocused) {
+                    handleToggle();
+                }
+            } }), !props.disabled && (_jsx(Box, { className: "flex items-center justify-center w-8 h-8 mx-1", style: { pointerEvents: 'auto' }, children: isSelected ? (_jsx(IconClose, { className: "text-black", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClear(e);
+                } })) : (_jsx(IconSelectArrow, { variant: isFocused ? 'up' : 'down', onClick: () => handleToggle() })) }))] })));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, position = _param.position, props = _object_without_properties(_param, [
-        "className",
-        "position"
-    ]);
-    return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
-        ref: ref,
-        className: cn('max-h-80 absolute left-0 right-0 mt-1 shadow-md overflow-y-auto overflow-x-hidden z-50 bg-white rounded-lg', position === 'top' ? 'bottom-full mb-1' : 'top-full mt-1', className)
-    }, props));
+const CommandList = React.forwardRef(({ className, position, ...props }, ref) => {
+    return (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-80 absolute left-0 right-0 mt-1 shadow-md overflow-y-auto overflow-x-hidden z-50 bg-white rounded-lg', position === 'top' ? 'bottom-full mb-1' : 'top-full mt-1', className), ...props }));
 });
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
-        ref: ref,
-        className: "p-4 text-center text-sm text-primary3"
-    }, props));
-});
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "p-4 text-center text-sm text-primary3", ...props })));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
-        ref: ref,
-        className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
-    }, props));
-});
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
-        ref: ref,
-        className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
-    }, props));
-});
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
-        ref: ref,
-        className: cn('relative flex cursor-pointer select-none items-center rounded-xs px-4 h-10 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:bg-primary1 data-[disabled=true]:text-primary2 data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50', className)
-    }, props));
-});
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center rounded-xs px-4 h-10 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:bg-primary1 data-[disabled=true]:text-primary2 data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50', className), ...props })));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("span", _object_spread({
-        className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
-    }, props));
+const CommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
 };
 CommandShortcut.displayName = 'CommandShortcut';
-var InputSelect = /*#__PURE__*/ React.forwardRef(function(props, _ref) {
-    var _options_find;
-    var // for wrapper
-    wrapperProps = props.wrapperProps, htmlFor = props.htmlFor, label = props.label, showRequired = props.showRequired, showOptional = props.showOptional, outerPrefix = props.outerPrefix, outerSuffix = props.outerSuffix, error = props.error, // for Select
-    providedValue = props.value, placeholder = props.placeholder, prefix = props.prefix, options = props.options, noOptionsText = props.noOptionsText, onChange = props.onChange, _props_isClearable = props.isClearable, isClearable = _props_isClearable === void 0 ? true : _props_isClearable, isDisabled = props.isDisabled, selectProps = _object_without_properties(props, [
-        "wrapperProps",
-        "htmlFor",
-        "label",
-        "showRequired",
-        "showOptional",
-        "outerPrefix",
-        "outerSuffix",
-        "error",
-        "value",
-        "placeholder",
-        "prefix",
-        "options",
-        "noOptionsText",
-        "onChange",
-        "isClearable",
-        "isDisabled"
-    ]);
-    var _React_useState = _sliced_to_array(React.useState(false), 2), isFocused = _React_useState[0], setIsFocused = _React_useState[1];
-    var _React_useState1 = _sliced_to_array(React.useState(''), 2), search = _React_useState1[0], setSearch = _React_useState1[1];
-    var _React_useState2 = _sliced_to_array(React.useState(providedValue), 2), value = _React_useState2[0], setValue = _React_useState2[1];
-    var inputRef = React.useRef(null);
-    var _listRef = React.useRef(null);
-    var wrapperRef = React.useRef(null);
-    var _React_useState3 = _sliced_to_array(React.useState('bottom'), 2), position = _React_useState3[0], setPosition = _React_useState3[1];
-    var handleFocus = function() {
+const InputSelect = React.forwardRef((props, _ref) => {
+    const { 
+    // for wrapper
+    wrapperProps, htmlFor, label, showRequired, showOptional, outerPrefix, outerSuffix, error, 
+    // for Select
+    value: providedValue, placeholder, prefix, options, noOptionsText, onChange, isClearable = true, isDisabled, ...selectProps } = props;
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [search, setSearch] = React.useState('');
+    const [value, setValue] = React.useState(providedValue);
+    const inputRef = React.useRef(null);
+    const _listRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    const [position, setPosition] = React.useState('bottom');
+    const handleFocus = () => {
         if (!isDisabled) {
             setIsFocused(true);
         }
     };
-    var handleBlur = function(e) {
+    const handleBlur = (e) => {
         if (e.relatedTarget === null) {
-            var _inputRef_current;
             setIsFocused(false);
-            (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
+            inputRef.current?.blur();
         }
     };
-    var handleChange = function(value) {
+    const handleChange = (value) => {
         setSearch(value);
     };
-    var handleSelect = function(option) {
-        var _inputRef_current;
+    const handleSelect = (option) => {
         setSearch(option.label);
-        onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
+        onChange?.(option.value);
         setValue(option.value);
         setIsFocused(false);
-        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+        inputRef.current?.focus();
     };
-    var handleToggle = function() {
+    const handleToggle = () => {
         if (!isDisabled) {
-            setIsFocused(function(isFocused) {
-                var _inputRef_current;
-                isFocused && ((_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur());
+            setIsFocused((isFocused) => {
+                isFocused && inputRef.current?.blur();
                 return !isFocused;
             });
         }
     };
-    var handleClear = function(event) {
+    const handleClear = (event) => {
         if (!isDisabled) {
             event.preventDefault();
             event.stopPropagation();
             setSearch('');
             setIsFocused(false);
-            onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+            onChange?.(undefined);
             setValue(undefined);
         }
     };
-    var handleClickOutside = function(event) {
-        if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
+    const handleClickOutside = (event) => {
+        if (wrapperRef.current &&
+            !wrapperRef.current.contains(event.target)) {
             setIsFocused(false);
         }
     };
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    React.useEffect(function() {
+    React.useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
-        return function() {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
-    React.useEffect(function() {
-        var handlePosition = function() {
+    React.useEffect(() => {
+        const handlePosition = () => {
             if (inputRef && 'current' in inputRef && inputRef.current) {
-                var rect = inputRef.current.getBoundingClientRect();
-                var spaceBelow = window.innerHeight - rect.bottom;
-                var spaceAbove = rect.top;
+                const rect = inputRef.current.getBoundingClientRect();
+                const spaceBelow = window.innerHeight - rect.bottom;
+                const spaceAbove = rect.top;
                 if (spaceAbove > spaceBelow) {
                     setPosition('top');
-                } else {
+                }
+                else {
                     setPosition('bottom');
                 }
             }
@@ -348,81 +120,20 @@ var InputSelect = /*#__PURE__*/ React.forwardRef(function(props, _ref) {
         handlePosition();
         window.addEventListener('resize', handlePosition);
         window.addEventListener('scroll', handlePosition);
-        return function() {
+        return () => {
             window.removeEventListener('resize', handlePosition);
             window.removeEventListener('scroll', handlePosition);
         };
     }, []);
-    return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
-        htmlFor: htmlFor,
-        label: label,
-        showOptional: showOptional,
-        showRequired: showRequired,
-        outerPrefix: outerPrefix,
-        outerSuffix: outerSuffix,
-        error: error
-    }, wrapperProps), {
-        children: /*#__PURE__*/ _jsx("div", {
-            ref: wrapperRef,
-            className: "relative w-full",
-            children: /*#__PURE__*/ _jsxs(Command, {
-                shouldFilter: false,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                children: [
-                    /*#__PURE__*/ _jsx(CommandInput, _object_spread_props(_object_spread({}, selectProps), {
-                        disabled: isDisabled,
-                        ref: inputRef,
-                        placeholder: placeholder,
-                        value: isFocused ? search : ((_options_find = options.find(function(option) {
-                            return option.value === value;
-                        })) === null || _options_find === void 0 ? void 0 : _options_find.label) || '',
-                        isFocused: isFocused,
-                        isSelected: !!value,
-                        prefix: prefix,
-                        error: !!error,
-                        onValueChange: handleChange,
-                        handleToggle: handleToggle,
-                        handleClear: handleClear
-                    })),
-                    /*#__PURE__*/ _jsx(CommandList, {
-                        position: position,
-                        children: isFocused && !isDisabled && /*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                options.length > 0 && search ? options.filter(function(option) {
-                                    return option.label.toLowerCase().includes(search.toLowerCase());
-                                }).map(function(option) {
-                                    return /*#__PURE__*/ _jsx(CommandItem, {
-                                        value: JSON.stringify(option.value),
-                                        disabled: option.isDisabled,
-                                        onSelect: function() {
-                                            return handleSelect(option);
-                                        },
-                                        className: "tracking-normal text-primary3 w-full",
-                                        children: option.label
-                                    }, option.label);
-                                }) : options.map(function(option) {
-                                    return /*#__PURE__*/ _jsx(CommandItem, {
-                                        value: JSON.stringify(option.value),
-                                        disabled: option.isDisabled,
-                                        onSelect: function() {
-                                            return handleSelect(option);
-                                        },
-                                        className: "tracking-normal text-primary3 w-full",
-                                        children: option.label
-                                    }, option.label);
-                                }),
-                                options.filter(function(option) {
-                                    return option.label.toLowerCase().includes(search.toLowerCase());
-                                }).length === 0 && /*#__PURE__*/ _jsx(CommandEmpty, {
-                                    children: noOptionsText || 'No options'
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-        })
-    }));
+    return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsx("div", { ref: wrapperRef, className: "relative w-full", children: _jsxs(Command, { shouldFilter: false, onFocus: handleFocus, onBlur: handleBlur, children: [_jsx(CommandInput, { ...selectProps, disabled: isDisabled, ref: inputRef, placeholder: placeholder, value: isFocused
+                            ? search
+                            : options.find((option) => option.value === value)?.label || '', isFocused: isFocused, isSelected: !!value, prefix: prefix, error: !!error, onValueChange: handleChange, handleToggle: handleToggle, handleClear: handleClear }), _jsx(CommandList, { position: position, children: isFocused && !isDisabled && (_jsxs(_Fragment, { children: [options.length > 0 && search
+                                    ? options
+                                        .filter((option) => option.label
+                                        .toLowerCase()
+                                        .includes(search.toLowerCase()))
+                                        .map((option) => (_jsx(CommandItem, { value: JSON.stringify(option.value), disabled: option.isDisabled, onSelect: () => handleSelect(option), className: "tracking-normal text-primary3 w-full", children: option.label }, option.label)))
+                                    : options.map((option) => (_jsx(CommandItem, { value: JSON.stringify(option.value), disabled: option.isDisabled, onSelect: () => handleSelect(option), className: "tracking-normal text-primary3 w-full", children: option.label }, option.label))), options.filter((option) => option.label.toLowerCase().includes(search.toLowerCase())).length === 0 && (_jsx(CommandEmpty, { children: noOptionsText || 'No options' }))] })) })] }) }) }));
 });
 export default InputSelect;
+//# sourceMappingURL=InputSelect.js.map

package/dist/input-select/InputSelect.stories.js

@@ -1,120 +1,47 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import InputSelect from './InputSelect.js';
-var meta = {
+const meta = {
     title: 'Input Select',
-    component: InputSelect
+    component: InputSelect,
 };
 export default meta;
-export var Demo = {
+export const Demo = {
     args: {
         htmlFor: 'fruits',
         label: 'fruits',
         placeholder: 'Select Fruits',
         options: [
-            {
-                label: 'Apple',
-                value: 'apple'
-            },
-            {
-                label: 'Banana',
-                value: 'banana'
-            },
-            {
-                label: 'Citrus',
-                value: 'citrus',
-                isDisabled: true
-            }
-        ]
-    }
+            { label: 'Apple', value: 'apple' },
+            { label: 'Banana', value: 'banana' },
+            { label: 'Citrus', value: 'citrus', isDisabled: true },
+        ],
+    },
 };
-export var Long = {
+export const Long = {
     args: {
         htmlFor: 'year',
         label: 'favourite year',
         placeholder: 'Select Your Favourite Year',
-        options: _to_consumable_array(Array(20)).map(function(_, i) {
-            return {
-                label: "".concat(2000 + i),
-                value: 2000 + 1
-            };
-        })
-    }
+        options: [...Array(20)].map((_, i) => ({
+            label: `${2000 + i}`,
+            value: 2000 + 1,
+        })),
+    },
 };
-export var Empty = {
+export const Empty = {
     args: {
         htmlFor: 'fruits',
         label: 'fruits',
         placeholder: 'Select Fruits',
-        options: []
-    }
+        options: [],
+    },
 };
-export var FluidPosition = {
-    args: _object_spread({}, Long.args),
-    render: function(args) {
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col gap-4",
-            children: [
-                /*#__PURE__*/ _jsx("div", {
-                    className: "bg-primary1 h-[1000px]"
-                }),
-                /*#__PURE__*/ _jsx(InputSelect, _object_spread({}, args)),
-                /*#__PURE__*/ _jsx("div", {
-                    className: "bg-primary1 h-[1000px]"
-                })
-            ]
-        });
-    }
+export const FluidPosition = {
+    args: {
+        ...Long.args,
+    },
+    render: (args) => {
+        return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "bg-primary1 h-[1000px]" }), _jsx(InputSelect, { ...args }), _jsx("div", { className: "bg-primary1 h-[1000px]" })] }));
+    },
 };
+//# sourceMappingURL=InputSelect.stories.js.map