@kosmeo-ui/react 0.1.0

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

@@ -0,0 +1,118 @@
+.k-phone-input-picker {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.k-phone-input-picker-trigger {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  background: transparent;
+  border: none;
+  padding: 0 0.5rem 0 0;
+  margin: 0;
+  cursor: pointer;
+  color: var(--text-color);
+  font: inherit;
+}
+
+.k-phone-input-picker-trigger:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.k-phone-input-flag {
+  font-size: 1.125em;
+  line-height: 1;
+}
+
+.k-phone-input-dial {
+  font-variant-numeric: tabular-nums;
+  color: var(--text-color-secondary, var(--text-color));
+}
+
+.k-phone-input-caret {
+  font-size: 0.75em;
+  color: var(--text-color-secondary, var(--text-color));
+}
+
+.k-phone-input-panel {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  left: -0.5rem;
+  width: 18rem;
+  max-height: 20rem;
+  background-color: var(--background-color);
+  border: 1px solid var(--border-color);
+  border-radius: 0.5rem;
+  box-shadow: 0 0.375rem 1.25rem var(--shadow-color);
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.k-phone-input-search {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--border-color);
+  color: var(--text-color-secondary, var(--text-color));
+}
+
+.k-phone-input-search input {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--text-color);
+  font: inherit;
+}
+
+.k-phone-input-list {
+  list-style: none;
+  margin: 0;
+  padding: 0.25rem 0;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.k-phone-input-option {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  color: var(--text-color);
+  font: inherit;
+  text-align: left;
+}
+
+.k-phone-input-option:hover,
+.k-phone-input-option:focus-visible {
+  background-color: var(--hover-color, var(--border-color));
+  outline: none;
+}
+
+.k-phone-input-option.selected {
+  background-color: var(--hover-color, var(--border-color));
+}
+
+.k-phone-input-name {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.k-phone-input-empty {
+  padding: 0.75rem;
+  color: var(--text-color-secondary, var(--text-color));
+  text-align: center;
+  font-size: 0.875rem;
+}

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+export interface RadioOption<T = string> {
+    value: T;
+    label: ReactNode;
+}
+interface RadioGroupProps<T = string> {
+    label?: string;
+    name: string;
+    options: RadioOption<T>[];
+    value: T | null;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+    required?: boolean;
+}
+declare const RadioGroup: <T extends string = string>(props: RadioGroupProps<T>) => import("react").JSX.Element;
+export default RadioGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,eAAe,CAAC,CAAC,GAAG,MAAM;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,eAAe,CAAC,CAAC,CAAC,gCAoBvE,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import OptionsGroup from "../../forms/optionsGroup/index.js";
+const RadioGroup = (props) => {
+    const { disabled = false, required = false } = props;
+    return (_jsx(OptionsGroup, { label: props.label, required: required, children: props.options.map((option, index) => (_jsxs("label", { className: "k-options-group-option", children: [_jsx("input", { type: "radio", name: props.name, value: String(option.value), checked: props.value === option.value, onChange: () => props.onChange(option.value), disabled: disabled }), option.label] }, index))) }));
+};
+export default RadioGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAkB7D,MAAM,UAAU,GAAG,CAA4B,KAAyB,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACjD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,iBAAmB,SAAS,EAAC,wBAAwB,aACnD,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,QAAQ,GAClB,EACD,MAAM,CAAC,KAAK,KATH,KAAK,CAUT,CACT,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,29 @@
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface RichTextEditorProps extends PropsWithSize {
+    /**
+     * **_Optional_** function that is called when the content of the editor changes.
+     *
+     * Receives the HTML string of the editor content, or undefined if only empty HTML tags.
+     */
+    onChange?: (html: string | undefined) => void;
+    /** **_Optional_** label that appears above the editor */
+    label?: string;
+    /** **_Optional_** initial HTML value to be set when the editor first loads */
+    value?: string;
+    /** **_Optional_** placeholder text that appears when the editor is empty */
+    placeholder?: string;
+    /** **_Optional_** if the editor is disabled (prevents editing) */
+    disabled?: boolean;
+    /** **_Optional_** whether the editor should be focused when it first loads */
+    autofocus?: boolean;
+    /** **_Optional_** whether the field is required (shows red asterisk) */
+    required?: boolean;
+    /** **_Optional_** ID of the field. If one is not provided, it will be randomly generated */
+    id?: string;
+    /** **_Optional_** whether to show character count */
+    showCharCount?: boolean;
+}
+declare const RichTextEditor: (props: RichTextEditorProps) => import("react").JSX.Element;
+export default RichTextEditor;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,cAAc,CAAC;AAWtB,UAAU,mBAAoB,SAAQ,aAAa;IACjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAyNjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditor, EditorContent, useEditorState } from "@tiptap/react";
+import MandatoryAsterisk from "../../forms/requiredAsterisk/index.js";
+import IconButton from "../../buttons/iconButton/index.js";
+import Tooltip from "../../feedback/tooltip/index.js";
+import { Placeholder } from "@tiptap/extensions";
+import StarterKit from "@tiptap/starter-kit";
+import { useState, useEffect } from "react";
+import "./styles.css";
+import { faUnderline, faTextSlash, faItalic, faListUl, faListOl, faBold, faCode, } from "@fortawesome/free-solid-svg-icons";
+const RichTextEditor = (props) => {
+    const { size = "md", disabled = false, required: _required = false } = props;
+    const [showHtml, setShowHtml] = useState(false);
+    const [charCount, setCharCount] = useState(0);
+    const [isInitialized, setIsInitialized] = useState(false);
+    const fieldId = props.id || `richtext-${Math.random().toString(36).substring(2, 9)}`;
+    const cleanHtml = (html) => {
+        // Remove trailing empty <p></p> tags
+        let cleanedHtml = html.replace(/(<p><\/p>)+$/g, "");
+        // Remove trailing empty paragraphs with just whitespace
+        cleanedHtml = cleanedHtml.replace(/(<p>\s*<\/p>)+$/g, "");
+        // Check if the cleaned HTML has any actual text content
+        const temp = document.createElement("div");
+        temp.innerHTML = cleanedHtml;
+        const textContent = temp.textContent || temp.innerText || "";
+        if (textContent.trim().length === 0) {
+            return undefined;
+        }
+        return cleanedHtml;
+    };
+    const editor = useEditor({
+        extensions: [
+            StarterKit,
+            Placeholder.configure({
+                placeholder: props.placeholder,
+            }),
+        ],
+        content: props.value,
+        editable: !disabled,
+        autofocus: props.autofocus,
+        onUpdate: ({ editor }) => {
+            if (!isInitialized) {
+                return;
+            }
+            const html = editor.getHTML();
+            const cleanedHtml = cleanHtml(html);
+            props.onChange?.(cleanedHtml);
+            // Update character count based on text content
+            const textContent = editor.state.doc.textContent;
+            setCharCount(textContent.length);
+        },
+    });
+    const editorState = useEditorState({
+        editor,
+        selector: ({ editor }) => {
+            return {
+                isBold: editor.isActive("bold"),
+                isItalic: editor.isActive("italic"),
+                isUnderlined: editor.isActive("underline"),
+                isBulletedList: editor.isActive("bulletList"),
+                isNumberedList: editor.isActive("orderedList"),
+            };
+        },
+    });
+    useEffect(() => {
+        if (editor) {
+            editor.setEditable(!disabled);
+            // Set initial character count
+            const textContent = editor.state.doc.textContent;
+            setCharCount(textContent.length);
+            setIsInitialized(true);
+        }
+    }, [disabled, editor]);
+    // Sync editor content when value prop changes
+    useEffect(() => {
+        if (editor) {
+            const currentHtml = editor.getHTML();
+            const newValue = props.value || "";
+            const cleanedCurrent = cleanHtml(currentHtml) || "";
+            const cleanedNew = cleanHtml(newValue) || "";
+            if (cleanedCurrent !== cleanedNew) {
+                // Temporarily mark as not initialized to prevent onChange from firing
+                // during external content sync
+                setIsInitialized(false);
+                editor.commands.setContent(newValue);
+                // Re-enable after a short delay to allow content to settle
+                setTimeout(() => setIsInitialized(true), 0);
+            }
+            const textContent = editor.state.doc.textContent;
+            setCharCount(textContent.length);
+        }
+    }, [props.value, editor]);
+    return (_jsxs("div", { className: `k-richtext-container k-richtext-container-${size}`, children: [props.label && (_jsxs("div", { className: "k-richtext-label-wrapper", children: [_jsxs("label", { htmlFor: fieldId, className: "k-richtext-label", children: [props.label, props.required && _jsx(MandatoryAsterisk, {})] }), props.showCharCount && (_jsx("span", { className: "k-richtext-char-count", children: charCount }))] })), _jsxs("div", { id: fieldId, className: `k-editor-wrapper ${disabled ? "k-editor-wrapper-disabled" : ""}`, children: [_jsxs("div", { className: "k-editor-toolbar", children: [_jsx(Tooltip, { content: "Bold", position: "top", children: _jsx(IconButton, { icon: faBold, size: size, variant: editorState.isBold ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBold().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Italic", position: "top", children: _jsx(IconButton, { icon: faItalic, size: size, variant: editorState.isItalic ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleItalic().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Underline", position: "top", children: _jsx(IconButton, { icon: faUnderline, size: size, variant: editorState.isUnderlined ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleUnderline().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Bullet List", position: "top", children: _jsx(IconButton, { icon: faListUl, size: size, variant: editorState.isBulletedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBulletList().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Numbered List", position: "top", children: _jsx(IconButton, { icon: faListOl, size: size, variant: editorState.isNumberedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleOrderedList().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Clear Formatting", position: "top", children: _jsx(IconButton, { icon: faTextSlash, size: size, variant: "secondary", onClick: () => {
+                                        editor
+                                            .chain()
+                                            .focus()
+                                            .selectAll()
+                                            .clearNodes()
+                                            .unsetAllMarks()
+                                            .setTextSelection(0)
+                                            .run();
+                                    }, disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: showHtml ? "Show Editor" : "Show HTML", position: "top", children: _jsx(IconButton, { icon: faCode, size: size, variant: showHtml ? "primary" : "secondary", onClick: () => setShowHtml(!showHtml), disabled: disabled }) })] }), showHtml && editor ? (_jsx("pre", { className: "k-html-section", children: (() => {
+                            const cleaned = cleanHtml(editor?.getHTML());
+                            return cleaned
+                                ? cleaned
+                                    .replace(/></g, ">\n<")
+                                    .replace(/^/, "\n")
+                                    .replace(/\n\s*\n/g, "\n")
+                                    .trim()
+                                : "";
+                        })() })) : (_jsx(EditorContent, { editor: editor }))] })] }));
+};
+export default RichTextEditor;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,184 @@
+.k-richtext-container {
+  width: fit-content;
+  min-width: 100%;
+}
+
+.k-richtext-label-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: 0.1rem;
+}
+
+.k-richtext-label {
+  display: block;
+  font-size: var(--text-size-sm);
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.k-editor-wrapper .tiptap {
+  color: var(--text-color);
+  min-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  transition:
+    border-color 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+  height: 30rem;
+  min-height: 30rem;
+  max-height: fit-content;
+  resize: both;
+  overflow-y: auto;
+  padding: 0.625rem 1rem;
+  font-size: var(--text-size-md);
+  background-color: var(--background-color-light);
+}
+
+.k-editor-wrapper p.is-editor-empty:first-child::before {
+  color: var(--text-color-secondary);
+  opacity: 0.7;
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+.k-editor-wrapper .tiptap:focus {
+  outline: none;
+  border-color: var(--border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+}
+.k-editor-wrapper .tiptap p {
+  margin: 0 0 0.5rem 0;
+}
+
+.k-editor-wrapper .tiptap p:last-child {
+  margin-bottom: 0;
+}
+
+.k-editor-wrapper .tiptap ul,
+.k-editor-wrapper .tiptap ol {
+  padding-left: 1.5rem;
+  margin: 0.5rem 0;
+}
+
+.k-editor-wrapper .tiptap li {
+  margin: 0.25rem 0;
+}
+
+.k-editor-toolbar {
+  display: flex;
+  gap: 0.25rem;
+  padding: 0.5rem;
+  background-color: var(--background-color-dark);
+  border-bottom: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem 0.375rem 0 0;
+}
+
+.k-editor-wrapper {
+  position: relative;
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+}
+
+.k-toolbar-separator {
+  border-left: 1px solid var(--border-color);
+  height: 1.5rem;
+  margin: 0 0.5rem;
+  align-self: center;
+}
+
+.k-html-section {
+  background: var(--background-color-dark);
+  padding: 1rem;
+  border-radius: 0 0 0.375rem 0.375rem;
+  overflow: auto;
+  margin: 0;
+  height: 30rem;
+  resize: both;
+  min-width: 100%;
+  min-height: 30rem;
+  max-height: fit-content;
+  font-size: var(--text-size-md);
+  color: var(--text-color);
+  white-space: pre-wrap;
+}
+
+.k-richtext-container-sm .tiptap {
+  height: 25rem;
+  min-height: 25rem;
+  max-height: fit-content;
+  padding: 0.5rem 0.75rem;
+  font-size: var(--text-size-sm);
+}
+
+.k-richtext-container-sm .k-html-section {
+  height: 25rem;
+  min-height: 25rem;
+  max-height: fit-content;
+  padding: 0.75rem;
+  font-size: var(--text-size-sm);
+}
+
+.k-richtext-container-sm .k-editor-toolbar {
+  padding: 0.375rem;
+}
+
+.k-richtext-container-sm .k-toolbar-separator {
+  height: 1.25rem;
+  margin: 0 0.375rem;
+}
+
+.k-richtext-container-lg .tiptap {
+  height: 35rem;
+  min-height: 35rem;
+  max-height: fit-content;
+  padding: 0.75rem 1.25rem;
+  font-size: var(--text-size-lg);
+}
+
+.k-richtext-container-lg .k-html-section {
+  height: 35rem;
+  min-height: 35rem;
+  max-height: fit-content;
+  padding: 1.25rem;
+  font-size: var(--text-size-lg);
+}
+
+.k-richtext-container-lg .k-editor-toolbar {
+  padding: 0.625rem;
+}
+
+.k-richtext-container-lg .k-toolbar-separator {
+  height: 1.75rem;
+  margin: 0 0.625rem;
+}
+
+/* Disabled state styles */
+.k-editor-wrapper-disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.k-editor-wrapper-disabled .tiptap {
+  background-color: var(--background-color-light);
+  cursor: not-allowed;
+}
+
+.k-editor-wrapper-disabled .k-editor-toolbar {
+  background-color: var(--background-color-light);
+}
+
+.k-editor-wrapper-disabled .k-html-section {
+  background-color: var(--background-color-light);
+  cursor: not-allowed;
+}
+
+.k-richtext-char-count {
+  font-weight: 500;
+  font-size: var(--text-size-sm);
+  color: var(--text-color-secondary);
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}

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

@@ -0,0 +1,38 @@
+import { UseQueryResult } from "@tanstack/react-query";
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+interface SearchListProps<T> extends PropsWithSize {
+    /** **_Optional_** the selected value for this component */
+    value?: T | null;
+    /** The useQuery function that is used to retrieve the data from the server */
+    queryFn: (input: string, searchKey: string, max: number) => UseQueryResult<T[], Error>;
+    /** The Function to run when the user selects an input */
+    onSelect: (selectedOption: T | null, event?: React.MouseEvent) => void;
+    placeholder?: string;
+    /** **_Optional_** The max results to be returned  */
+    max?: number;
+    /** **_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;
+    /** The key that is used to access the label for the drop down list */
+    labelKey: keyof T;
+    /** The search key that will be sent to the server as a param */
+    searchKey: string;
+    /** **_Optional_** if the drop down should be longer than the default */
+    longDropDown?: boolean;
+    /** **_Optional_** Custom render function for dropdown options */
+    renderOption?: (option: T) => {
+        label: string;
+        node: React.ReactNode;
+    };
+    /** **_Optional_** Options to show on focus before the user types */
+    initialOptions?: T[];
+}
+declare const SearchList: <T>(props: SearchListProps<T>) => import("react").JSX.Element;
+export default SearchList;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/searchList/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,aAAa;IAChD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,8EAA8E;IAC9E,OAAO,EAAE,CACP,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,KACR,cAAc,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAChC,yDAAyD;IACzD,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,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,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;KACvB,CAAC;IACF,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,EAAG,OAAO,eAAe,CAAC,CAAC,CAAC,gCAiPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}