@kosmeo-ui/react 0.1.0

package/dist/components/inputs/switch/styles.css

@@ -0,0 +1,116 @@
+.k-switch-container {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.k-switch-left {
+  flex-direction: row;
+}
+
+.k-switch-right {
+  flex-direction: row;
+}
+
+.k-switch-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-color);
+  cursor: pointer;
+  user-select: none;
+}
+
+.k-switch-track {
+  position: relative;
+  border-radius: 999px;
+  background-color: var(--border-color);
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out;
+}
+
+.k-switch-track.k-switch-on {
+  background-color: var(--success-color);
+}
+
+/* Size: md (default) */
+.k-switch-md {
+  width: 40px;
+  height: 22px;
+}
+
+.k-switch-md .k-switch-thumb {
+  width: 18px;
+  height: 18px;
+  top: 2px;
+  left: 2px;
+}
+
+.k-switch-md.k-switch-on .k-switch-thumb {
+  transform: translateX(18px);
+}
+
+/* Size: sm */
+.k-switch-sm {
+  width: 32px;
+  height: 18px;
+}
+
+.k-switch-sm .k-switch-thumb {
+  width: 14px;
+  height: 14px;
+  top: 2px;
+  left: 2px;
+}
+
+.k-switch-sm.k-switch-on .k-switch-thumb {
+  transform: translateX(14px);
+}
+
+/* Thumb */
+.k-switch-thumb {
+  position: absolute;
+  border-radius: 50%;
+  background-color: var(--background-color-light);
+  transition: transform 0.2s ease-in-out;
+  pointer-events: none;
+}
+
+/* Hidden input */
+.k-switch-input {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+
+/* Disabled */
+.k-switch-disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.k-switch-disabled .k-switch-input {
+  cursor: not-allowed;
+}
+
+.k-switch-disabled + .k-switch-label,
+.k-switch-label:has(~ .k-switch-track.k-switch-disabled) {
+  color: var(--text-color-disabled);
+  cursor: not-allowed;
+}
+
+/* Loading */
+.k-switch-loading {
+  opacity: 0.5;
+  cursor: wait;
+}
+
+.k-switch-loading .k-switch-input {
+  cursor: wait;
+}

package/dist/components/inputs/textArea/index.d.ts

@@ -0,0 +1,43 @@
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface TextAreaProps extends PropsWithSize {
+    /** **_Optional_** if the field is disabled */
+    disabled?: boolean;
+    /** **_Optional_** label that appears above the input */
+    label?: string | React.ReactNode;
+    /** **_Optional_** whether the field is required (shows red asterisk and enables validation) */
+    required?: boolean;
+    /** **_Optional_** ID of the field. If one is not provided, it will be randomly generated */
+    id?: string;
+    /** **_Optional_** placeholder text that will appear in the input until the user adds a value */
+    placeholder?: string;
+    /** **_Optional_** value to be set when the element first loads */
+    value?: string;
+    /** **_Optional_** the number of rows */
+    rows?: number;
+    /** **_Optional_** the number of colomuns */
+    cols?: number;
+    /** **_Optional_** maximum value for the input */
+    ref?: React.Ref<HTMLTextAreaElement>;
+    /** **_Optional_** maximum value for the input */
+    max?: number;
+    /** **_Optional_** minimum value for the input */
+    min?: number;
+    /** **_Optional_** whether to show character count next to label */
+    showCharCount?: boolean;
+    /** **_Optional_** function that is called when the value of the input changes */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** **_Optional_** function that is called when the input is focused */
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** **_Optional_** function that is called when the input loses focus */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** **_Optional_** function that is called when the user presses a key down in the input */
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** **_Optional_** whether to auto-expand the textarea as user types */
+    autoExpand?: boolean;
+    /** **_Optional_** maximum number of rows when auto-expanding */
+    maxRows?: number;
+}
+declare const TextArea: (props: TextAreaProps) => import("react").JSX.Element;
+export default TextArea;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/textArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textArea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAc,SAAQ,aAAa;IAC3C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACvD,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/textArea/index.js

@@ -0,0 +1,47 @@
+"use client";
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import FieldShell from "../../forms/fieldShell/index.js";
+import { useEffect, useRef } from "react";
+import "./styles.css";
+const TextArea = (props) => {
+    const { size = "md", disabled = false, required = false, autoExpand = false, maxRows = 5, rows = 3, } = props;
+    const textareaRef = useRef(null);
+    const internalRef = props.ref || textareaRef;
+    const inputId = props.id || `input-${Math.random().toString(36).substring(2, 9)}`;
+    const adjustHeight = () => {
+        if (!autoExpand)
+            return;
+        const ref = typeof internalRef === "object" && internalRef?.current;
+        if (!ref)
+            return;
+        ref.style.height = "auto";
+        const style = window.getComputedStyle(ref);
+        const lHeight = parseInt(style.lineHeight);
+        const pTop = parseInt(style.paddingTop);
+        const pBottom = parseInt(style.paddingBottom);
+        const bTop = parseInt(style.borderTopWidth);
+        const bBottom = parseInt(style.borderBottomWidth);
+        const minHeight = lHeight * rows + pTop + pBottom + bTop + bBottom;
+        const maxHeight = lHeight * maxRows + pTop + pBottom + bTop + bBottom;
+        if (!ref.value.trim()) {
+            ref.style.height = `${minHeight}px`;
+            ref.style.overflowY = "hidden";
+            return;
+        }
+        const newHeight = Math.min(ref.scrollHeight, maxHeight);
+        ref.style.height = `${Math.max(newHeight, minHeight)}px`;
+        ref.style.overflowY = ref.scrollHeight > maxHeight ? "auto" : "hidden";
+    };
+    useEffect(() => {
+        adjustHeight();
+    }, [props.value, autoExpand, maxRows, rows]);
+    const handleChange = (e) => {
+        if (props.onChange)
+            props.onChange(e);
+        adjustHeight();
+    };
+    const charCount = props.showCharCount ? (_jsxs(_Fragment, { children: [props.value?.length || 0, props.max && ` / ${props.max}`] })) : undefined;
+    return (_jsx(FieldShell, { label: props.label, required: required, htmlFor: inputId, labelAside: charCount, children: _jsx("textarea", { id: inputId, className: `k-textarea k-textarea-${size} ${autoExpand ? "k-textarea-auto-expand" : ""}`, placeholder: props.placeholder, rows: rows, cols: props.cols, value: props.value, ref: internalRef, required: required, maxLength: props.max, minLength: props.min, disabled: disabled, onChange: handleChange, onFocus: props.onFocus, onBlur: props.onBlur, onKeyDown: props.onKeyDown }) }));
+};
+export default TextArea;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/textArea/index.js.map

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

package/dist/components/inputs/textArea/styles.css

@@ -0,0 +1,55 @@
+.k-textarea {
+  background-color: var(--background-color-light);
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  color: var(--text-color);
+  width: 100%;
+  box-sizing: border-box;
+  transition:
+    border-color 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+  resize: vertical;
+  min-height: 5rem;
+  display: block;
+}
+
+.k-textarea-sm {
+  font-size: var(--text-size-sm);
+  padding: 0.5rem 0.75rem;
+}
+
+.k-textarea-md {
+  font-size: var(--text-size-md);
+  padding: 0.625rem 1rem;
+}
+
+.k-textarea-lg {
+  font-size: var(--text-size-lg);
+  padding: 0.75rem 1.25rem;
+}
+
+.k-textarea::placeholder {
+  color: var(--text-color-secondary);
+  opacity: 0.7;
+}
+
+.k-textarea:focus {
+  outline: none;
+  border-color: var(--border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+}
+
+.k-textarea:disabled {
+  background-color: var(--bg-color-disabled);
+  color: var(--text-color-disabled);
+  cursor: not-allowed;
+  opacity: 0.6;
+  resize: none;
+}
+
+.k-textarea-auto-expand {
+  resize: none;
+  overflow: hidden;
+  transition: height 0.1s ease;
+  min-height: unset;
+}

package/dist/components/inputs/typeahead/index.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from "react";
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface TypeaheadRenderResult {
+    /** The text label used for filtering and input display */
+    label: string;
+    /** The React component to render in the dropdown */
+    node: ReactNode;
+}
+type TypeaheadPropsBase<T> = {
+    /** The options that will be available to the user in the Typeahead */
+    options: T[];
+    /** Function that is called when the user selects an option */
+    onSelect: (selectedOption: T | null, event?: React.MouseEvent) => void;
+    /** **_Optional_** initial value to be pre-selected in the Typeahead */
+    value?: T | null;
+    /** **_Optional_** placeholder value to show in the input field before the user adds a value */
+    placeholder?: string;
+    /** **_Optional_** label to appear above the Typeahead */
+    label?: string;
+    /** **_Optional_** whether the field is required (shows red asterisk and enables validation) */
+    required?: boolean;
+    /** **_Optional_** if the typeahead is disabled */
+    disabled?: boolean;
+    /** **_Optional_** ID of the field. If one is not provided, it will be randomly generated */
+    id?: string;
+    /** **_Optional_** if the drop down should be longer than default */
+    longDropDown?: boolean;
+    /** **_Optional_** optional function that will get the value of the filter input */
+    onFilterChange?: (filterText: string) => void;
+    /** **_Optional_** enables lazy loading - number of items to show initially and load on scroll */
+    lazyLoad?: number;
+    /** **_Optional_** if true, shows all options when dropdown opens before user starts typing */
+    showAll?: boolean;
+} & PropsWithSize;
+type TypeaheadPropsWithLabelKey<T> = TypeaheadPropsBase<T> & {
+    /** The key of the Options object that will be displayed to the user */
+    labelKey: keyof T;
+    /** Function to render custom option content */
+    renderOption?: never;
+};
+type TypeaheadPropsWithRenderOption<T> = TypeaheadPropsBase<T> & {
+    /** The key of the Options object that will be displayed to the user */
+    labelKey?: never;
+    /** Function to render custom option content and provide label text */
+    renderOption: (option: T) => TypeaheadRenderResult;
+};
+type TypeaheadProps<T> = TypeaheadPropsWithLabelKey<T> | TypeaheadPropsWithRenderOption<T>;
+/**
+ * Typeahead component for filtering and selecting options from a dropdown list.
+ *
+ * @param options - Array of options to filter through.
+ * @param labelKey - The key in each option object that will be displayed in the dropdown (use this OR renderOption).
+ * @param renderOption - Function that returns both label text and custom React content (use this OR labelKey).
+ * @param onSelect - Callback function that is called when an option is selected. Receives the selected option or `null` if no match.
+ * @param label - **_Optional_** label to appear above the input field.
+ * @param placeholder - **_Optional_** placeholder text for the input field.
+ * @param value - **_Optional_** initial value to be pre-selected in the Typeahead. Should match the structure of the options.
+ * @param size - **_Optional_** size for the typeahead input.
+ * - Accepts `sm`, `md`, or `lg`.
+ * - Defaults to `md`.
+ */
+declare const Typeahead: <T>(props: TypeaheadProps<T>) => import("react").JSX.Element;
+export default Typeahead;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/typeahead/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/typeahead/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,sEAAsE;IACtE,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvE,uEAAuE;IACvE,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,aAAa,CAAC;AAElB,KAAK,0BAA0B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3D,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,KAAK,8BAA8B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC/D,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,sEAAsE;IACtE,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,qBAAqB,CAAC;CACpD,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IACnB,0BAA0B,CAAC,CAAC,CAAC,GAAG,8BAA8B,CAAC,CAAC,CAAC,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,OAAO,cAAc,CAAC,CAAC,CAAC,gCA+R9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/inputs/typeahead/index.js

@@ -0,0 +1,232 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import useFloatingPosition from "../../../hooks/useFloatingPosition.js";
+import useScrollIntoView from "../../../hooks/useScrollIntoView.js";
+import useListKeyboard from "../../../hooks/useListKeyboard.js";
+import useOutsideClick from "../../../hooks/useOutsideClick.js";
+import { useEffect, useRef, useState } from "react";
+import Portal from "../../overlays/portal/index.js";
+import Input from "../input/index.js";
+import "./styles.css";
+/**
+ * Typeahead component for filtering and selecting options from a dropdown list.
+ *
+ * @param options - Array of options to filter through.
+ * @param labelKey - The key in each option object that will be displayed in the dropdown (use this OR renderOption).
+ * @param renderOption - Function that returns both label text and custom React content (use this OR labelKey).
+ * @param onSelect - Callback function that is called when an option is selected. Receives the selected option or `null` if no match.
+ * @param label - **_Optional_** label to appear above the input field.
+ * @param placeholder - **_Optional_** placeholder text for the input field.
+ * @param value - **_Optional_** initial value to be pre-selected in the Typeahead. Should match the structure of the options.
+ * @param size - **_Optional_** size for the typeahead input.
+ * - Accepts `sm`, `md`, or `lg`.
+ * - Defaults to `md`.
+ */
+const Typeahead = (props) => {
+    const { size = "md", disabled = false, required = false, longDropDown = false, showAll = false, } = props;
+    const getDisplayText = (option) => {
+        if (props.renderOption)
+            return props.renderOption(option).label;
+        else if (props.labelKey)
+            return String(option[props.labelKey]);
+        return "";
+    };
+    const getOptionContent = (option) => {
+        if (props.renderOption)
+            return props.renderOption(option).node;
+        else if (props.labelKey)
+            return getDisplayText(option);
+        return null;
+    };
+    const [inputValue, setInputValue] = useState(props.value ? getDisplayText(props.value) : "");
+    const [filteredOptions, setFilteredOptions] = useState([]);
+    const [displayedOptions, setDisplayedOptions] = useState([]);
+    const [displayCount, setDisplayCount] = useState(props.lazyLoad || Infinity);
+    const [isOpen, setIsOpen] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const [hasUserTyped, setHasUserTyped] = useState(false);
+    const optionRefs = useRef([]);
+    const dropdownRef = useRef(null);
+    const isSelectingOption = useRef(false);
+    const observerRef = useRef(null);
+    const listRef = useRef(null);
+    const { anchorRef: inputWrapperRef, position: dropdownPos } = useFloatingPosition({ isOpen });
+    useEffect(() => {
+        if (props.value)
+            setInputValue(getDisplayText(props.value));
+        else
+            setInputValue("");
+    }, [props.value, props.labelKey]);
+    useEffect(() => {
+        // When dropdown first opens with showAll and user hasn't typed yet, show all options
+        if (inputValue && !showAll && !hasUserTyped) {
+            const filtered = props.options.filter((option) => getDisplayText(option).toLowerCase().includes(inputValue.toLowerCase()));
+            setFilteredOptions(filtered);
+        }
+        else if (!inputValue && !showAll && !hasUserTyped) {
+            setDisplayedOptions(props.options);
+        }
+        else if (showAll && !hasUserTyped) {
+            setFilteredOptions(props.options);
+        }
+        else if (inputValue && hasUserTyped) {
+            // User is actively filtering
+            const filtered = props.options.filter((option) => getDisplayText(option).toLowerCase().includes(inputValue.toLowerCase()));
+            setFilteredOptions(filtered);
+        }
+        else {
+            setFilteredOptions(props.options);
+        }
+        // Reset display count when filtering changes
+        setDisplayCount(props.lazyLoad || Infinity);
+    }, [
+        inputValue,
+        props.options,
+        props.labelKey,
+        props.lazyLoad,
+        isOpen,
+        showAll,
+        hasUserTyped,
+    ]);
+    // Update displayed options based on lazy loading
+    useEffect(() => {
+        if (props.lazyLoad) {
+            setDisplayedOptions(filteredOptions.slice(0, displayCount));
+        }
+        else
+            setDisplayedOptions(filteredOptions);
+    }, [filteredOptions, displayCount, props.lazyLoad]);
+    useScrollIntoView(optionRefs, highlightedIndex, isOpen);
+    useOutsideClick([dropdownRef, listRef], () => setIsOpen(false));
+    // Set up intersection observer for lazy loading
+    useEffect(() => {
+        const { lazyLoad } = props;
+        if (!lazyLoad || !isOpen || !listRef.current)
+            return;
+        // Clean up previous observer
+        if (observerRef.current)
+            observerRef.current.disconnect();
+        const observerCallback = (entries) => {
+            const [entry] = entries;
+            if (entry.isIntersecting && displayCount < filteredOptions.length) {
+                setDisplayCount((prev) => Math.min(prev + lazyLoad, filteredOptions.length));
+            }
+        };
+        observerRef.current = new IntersectionObserver(observerCallback, {
+            root: listRef.current,
+            rootMargin: "50px",
+            threshold: 0.1,
+        });
+        // Observe the last item or loading indicator
+        const lastItem = listRef.current.querySelector(".k-typeahead-sentinel");
+        if (lastItem)
+            observerRef.current.observe(lastItem);
+        return () => {
+            if (observerRef.current)
+                observerRef.current.disconnect();
+        };
+    }, [
+        isOpen,
+        props.lazyLoad,
+        displayCount,
+        filteredOptions.length,
+        displayedOptions,
+    ]);
+    const handleInputChange = (e) => {
+        const newValue = e.target.value;
+        setInputValue(newValue);
+        setHasUserTyped(true);
+        if (props.onFilterChange)
+            props.onFilterChange(newValue);
+        setIsOpen(true);
+        setHighlightedIndex(-1);
+        if (newValue === "")
+            props.onSelect(null);
+    };
+    const handleOptionClick = (option, event) => {
+        // If Ctrl/Cmd key is pressed, don't update the input value
+        // Just call onSelect and let it handle opening in new tab
+        if (event && (event.ctrlKey || event.metaKey)) {
+            props.onSelect(option, event);
+            setIsOpen(false);
+            return;
+        }
+        isSelectingOption.current = true;
+        setInputValue(getDisplayText(option));
+        setHasUserTyped(false);
+        props.onSelect(option, event);
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+        setTimeout(() => {
+            isSelectingOption.current = false;
+        }, 150);
+    };
+    const handleInputClick = () => {
+        if (disabled)
+            return;
+        const newIsOpen = !isOpen;
+        setIsOpen(newIsOpen);
+        if (newIsOpen) {
+            setHasUserTyped(false);
+        }
+        if (!inputValue)
+            setFilteredOptions(props.options);
+    };
+    const handleInputBlur = () => {
+        setTimeout(() => {
+            if (isSelectingOption.current)
+                return;
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(document.activeElement)) {
+                setHighlightedIndex(-1);
+                setIsOpen(false);
+                const currentValueLabel = props.value
+                    ? getDisplayText(props.value)
+                    : "";
+                if (inputValue === currentValueLabel)
+                    return;
+                const exactMatch = props.options.find((opt) => getDisplayText(opt).toLowerCase() === inputValue.toLowerCase());
+                if (exactMatch) {
+                    props.onSelect(exactMatch);
+                    setInputValue(getDisplayText(exactMatch));
+                }
+                else if (inputValue === "")
+                    props.onSelect(null);
+                else
+                    setInputValue(currentValueLabel);
+            }
+        }, 100);
+    };
+    const handleKeyDown = useListKeyboard({
+        isOpen,
+        length: displayedOptions.length,
+        highlightedIndex,
+        setHighlightedIndex,
+        onSelect: (index) => handleOptionClick(displayedOptions[index]),
+        onClose: () => setIsOpen(false),
+        selectOnTab: true,
+    });
+    // Reset the refs array before each render
+    optionRefs.current = [];
+    const dropdownList = isOpen && dropdownPos ? (_jsx("ul", { ref: listRef, className: `k-typeahead-options-list k-typeahead-options-list-portal ${longDropDown
+            ? "k-typeahead-options-list-large"
+            : "k-typeahead-options-list-small"}`, style: {
+            position: "fixed",
+            top: dropdownPos.top,
+            left: dropdownPos.left,
+            width: dropdownPos.width,
+        }, children: displayedOptions.length > 0 ? (_jsxs(_Fragment, { children: [displayedOptions.map((option, index) => (_jsx("li", { ref: (el) => {
+                        optionRefs.current[index] = el;
+                    }, className: `k-typeahead-option k-typeahead-option-${size} ${index === highlightedIndex
+                        ? "k-typeahead-option-highlighted"
+                        : ""}`, onMouseDown: (e) => {
+                        e.preventDefault();
+                        handleOptionClick(option, e);
+                    }, onMouseOver: () => setHighlightedIndex(index), children: getOptionContent(option) }, index))), props.lazyLoad &&
+                    displayedOptions.length < filteredOptions.length && (_jsx("li", { className: "k-typeahead-sentinel k-typeahead-loading", children: "Loading more..." }))] })) : (_jsx("li", { className: `k-typeahead-no-results-item k-typeahead-option-${size}`, children: props.options.length === 0
+                ? "No options available"
+                : "No matches found" })) })) : null;
+    return (_jsxs("div", { className: `k-typeahead-dropdown-container`, ref: dropdownRef, children: [_jsx("div", { className: "k-typeahead-input-wrapper", ref: inputWrapperRef, children: _jsx(Input, { id: props.id, label: props.label, required: required, size: size, placeholder: props.placeholder, value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleKeyDown, onClick: handleInputClick, isOpen: isOpen, disabled: disabled, dropDown: true }) }), _jsx(Portal, { children: dropdownList })] }));
+};
+export default Typeahead;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/typeahead/index.js.map

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