sea-react-components 1.3.18 → 1.3.19

package/dist/components/notifications-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications-menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAc,MAAM,sBAAsB,CAAC;AAoB7D,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EACV,SAAS,CAAC,WAAW,CAAC,eAAe,GACrC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,eAAe,EAAE,MAAM,CAAC,CACtD,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,mBAAmB,EACnB,KAAyC,EACzC,oBAAoB,EACpB,QAAQ,GACT,EAAE,KAAK,2CA8UP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications-menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAc,MAAM,sBAAsB,CAAC;AAkB7D,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EACV,SAAS,CAAC,WAAW,CAAC,eAAe,GACrC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,eAAe,EAAE,MAAM,CAAC,CACtD,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,mBAAmB,EACnB,KAAyC,EACzC,oBAAoB,EACpB,QAAQ,GACT,EAAE,KAAK,2CA8UP"}

package/dist/components/notifications-menu/index.js

@@ -109,7 +109,7 @@ export default function NotificationMenu({ applicationKey, notificationBaseUrl,
         var _a, _b, _c, _d, _e;
         let title = _jsx(_Fragment, {}), description = _jsx(_Fragment, {}), icon = _jsx(_Fragment, {}), link = undefined;
         switch (notification.type) {
-            case CONSTANTS.Notification.NotificationTypes.TaskAssignedToYou: {
+            case CONSTANTS.AccountAlertSetting.AlertActions.TaskAssignedToYou: {
                 const task = ((_a = notification.objects) !== null && _a !== void 0 ? _a : {}).task;
                 icon = (_jsx(Icon, { icon: "fluent-mdl2:assign", className: "h-10 w-10 transform" }));
                 title = (_jsx("p", { className: "font-semibold line-clamp-2", children: "New task assigned to you" }));
@@ -117,7 +117,7 @@ export default function NotificationMenu({ applicationKey, notificationBaseUrl,
                 link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/tasks/${task.id}`;
                 break;
             }
-            case CONSTANTS.Notification.NotificationTypes.TaskUnassignedFromYou: {
+            case CONSTANTS.AccountAlertSetting.AlertActions.TaskUnassignedFromYou: {
                 const task = ((_b = notification.objects) !== null && _b !== void 0 ? _b : {}).task;
                 icon = (_jsx(Icon, { icon: "fluent-mdl2:assign", className: "h-10 w-10 transform scale-x-[-1]" }));
                 title = (_jsx("p", { className: "font-semibold line-clamp-2", children: "Task unassigned from you" }));
@@ -125,7 +125,7 @@ export default function NotificationMenu({ applicationKey, notificationBaseUrl,
                 link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/tasks/${task.id}`;
                 break;
             }
-            case CONSTANTS.Notification.NotificationTypes.NewCommentAdded: {
+            case CONSTANTS.AccountAlertSetting.AlertActions.NewCommentAdded: {
                 const addedBy = ((_c = notification.objects) !== null && _c !== void 0 ? _c : {})
                     .addedBy;
                 const objectName = ((_d = notification.objects) !== null && _d !== void 0 ? _d : {}).objectName;

package/dist/components/select/index.d.ts

@@ -18,6 +18,7 @@ export type Props<T> = {
     isSearchable?: boolean;
     required?: boolean;
     onChangeSearchInput?: (value: string) => void;
+    onRemove?: () => void;
 };
-export default function Select<T>({ name, options, values, setValues, errorMessage, buttonClassName, placeholder, multiselect, disabled, label, isSearchable, required, IconPlaceholderLeft, onChangeSearchInput, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function Select<T>({ name, options, values, setValues, errorMessage, buttonClassName, placeholder, multiselect, disabled, label, isSearchable, required, IconPlaceholderLeft, onChangeSearchInput, onRemove, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAwMV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,GACT,EAAE,KAAK,CAAC,CAAC,CAAC,2CAoOV"}

package/dist/components/select/index.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { Icon } from "@iconify/react";
 import clsx from "clsx";
-export default function Select({ name, options, values, setValues, errorMessage, buttonClassName, placeholder = "Select...", multiselect = false, disabled = false, label, isSearchable = false, required = false, IconPlaceholderLeft, onChangeSearchInput, }) {
+export default function Select({ name, options, values, setValues, errorMessage, buttonClassName, placeholder = "Select...", multiselect = false, disabled = false, label, isSearchable = false, required = false, IconPlaceholderLeft, onChangeSearchInput, onRemove, // <-- NEW
+ }) {
     const [isOpen, setIsOpen] = useState(false);
     const [show, setShow] = useState(false);
     const [animate, setAnimate] = useState(false);
@@ -58,6 +59,14 @@ export default function Select({ name, options, values, setValues, errorMessage,
             return () => clearTimeout(timeout);
         }
     }, [isOpen]);
+    // Helper: clear all selected values then notify
+    const handleClear = (e) => {
+        e.stopPropagation();
+        if (disabled)
+            return;
+        setValues([]);
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove();
+    };
     return (_jsxs("div", { className: "flex flex-col gap-1", children: [label && (_jsxs("label", { htmlFor: name, className: "pl-1 text-sm text-foreground font-medium mb-2", children: [label, " ", required && _jsx("span", { className: "font-bold", children: "*" })] })), _jsxs("div", { ref: containerRef, className: "relative w-full", children: [_jsxs("div", { onClick: () => !disabled && setIsOpen((o) => !o), className: clsx("text-text flex items-center justify-between gap-2 px-3 py-2 rounded-md border-0.5 hover:border-primary", disabled
                             ? "bg-gray-100 text-gray-400 cursor-not-allowed"
                             : "bg-white cursor-pointer", errorMessage
@@ -67,7 +76,10 @@ export default function Select({ name, options, values, setValues, errorMessage,
                                 : "border-gray-200", buttonClassName), children: [multiselect ? (selectedOptions.length ? (_jsx("div", { className: "flex flex-wrap gap-2", id: `${name}`, children: selectedOptions.map((o, i) => (_jsxs("div", { className: "bg-primary bg-opacity-50 px-2 py-1 rounded-2xl flex items-center gap-1", children: [_jsx("div", { className: "text-black text-sm", children: o.label }), !disabled && (_jsx("button", { type: "button", onClick: (e) => {
                                                 e.stopPropagation();
                                                 removeSelected(o);
-                                            }, children: _jsx(Icon, { icon: "line-md:close-small", className: "w-4 h-4" }) }))] }, `${name}-${i}`))) })) : (_jsxs("div", { className: "flex gap-2 items-center ", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500", children: placeholder })] }))) : selectedOptions[0] ? (_jsx("div", { className: "text-text", children: selectedOptions[0].label })) : (_jsxs("div", { className: "flex gap-2 items-center", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500", children: placeholder })] })), _jsx(Icon, { icon: "iconamoon:arrow-down-2" })] }), show && !disabled && (_jsxs("div", { className: clsx("absolute left-0 mt-1  z-50 bg-white border border-gray-200 rounded-md shadow-lg max-h-64 overflow-auto", "max-w-[360px] min-w-[260px] w-full", "transition-all duration-200 ease-out", animate
+                                            }, children: _jsx(Icon, { icon: "line-md:close-small", className: "w-4 h-4" }) }))] }, `${name}-${i}`))) })) : (_jsxs("div", { className: "flex gap-2 items-center ", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500", children: placeholder })] }))) : selectedOptions[0] ? (_jsx("div", { className: "text-text", children: selectedOptions[0].label })) : (_jsxs("div", { className: "flex gap-2 items-center", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500", children: placeholder })] })), _jsxs("div", { className: "flex items-center gap-1", children: [!disabled &&
+                                        (multiselect
+                                            ? selectedOptions.length > 0
+                                            : !!selectedOptions[0]) && (_jsx("button", { type: "button", onClick: handleClear, "aria-label": "Clear selection", title: "Clear", className: "text-gray-500 hover:text-primary", children: _jsx(Icon, { icon: "line-md:close-small", className: "w-5 h-5" }) })), _jsx(Icon, { icon: "iconamoon:arrow-down-2" })] })] }), show && !disabled && (_jsxs("div", { className: clsx("absolute left-0 mt-1  z-50 bg-white border border-gray-200 rounded-md shadow-lg max-h-64 overflow-auto", "max-w-[360px] min-w-[260px] w-full", "transition-all duration-200 ease-out", animate
                             ? "opacity-100 translate-y-0 scale-[1]"
                             : "opacity-0 translate-y-[-5px] scale-[0.98]"), children: [isSearchable && (_jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-100 px-2 py-1 flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [_jsx(Icon, { icon: "mdi:magnify", className: "text-gray-500 w-5 h-5" }), _jsx("input", { type: "text", placeholder: "Search...", value: search, onChange: handleSearchInputChange, className: "w-full outline-none text-sm bg-transparent py-1" })] })), filteredOptions.length > 0 ? (filteredOptions.map((o, i) => {
                                 const isSelected = selectedOptions.some((s) => Object.is(s.value, o.value));

package/dist/utils/validation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,eAAO,MAAM,IAAI,wDAAoD,CAAC;AACtE,eAAO,MAAM,WAAW,wDAAkD,CAAC;AAC3E,eAAO,MAAM,SAAS,wDAAoC,CAAC;AAC3D,eAAO,MAAM,KAAK,wDAA4C,CAAC;AAC/D,eAAO,MAAM,WAAW,wDAKpB,CAAC;AACL,eAAO,MAAM,QAAQ,wDAA2C,CAAC;AACjE,eAAO,MAAM,eAAe,wDAEe,CAAC;AAE5C,eAAO,MAAM,UAAU,wDASpB,CAAC;AAEJ,eAAO,MAAM,OAAO,WAAY,MAAM,2DAGb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,eAAO,MAAM,IAAI,wDAAoD,CAAC;AACtE,eAAO,MAAM,WAAW,wDAAkD,CAAC;AAC3E,eAAO,MAAM,SAAS,wDAA0B,CAAC;AACjD,eAAO,MAAM,KAAK,wDAA4C,CAAC;AAC/D,eAAO,MAAM,WAAW,wDAKpB,CAAC;AACL,eAAO,MAAM,QAAQ,wDAA2C,CAAC;AACjE,eAAO,MAAM,eAAe,wDAEe,CAAC;AAE5C,eAAO,MAAM,UAAU,wDASpB,CAAC;AAEJ,eAAO,MAAM,OAAO,WAAY,MAAM,2DAGb,CAAC"}

package/dist/utils/validation/index.js

@@ -2,7 +2,7 @@ import * as Yup from "yup";
 import { Utils } from "sea-platform-helpers";
 export const name = Yup.string().min(3).max(255).required("Required");
 export const description = Yup.string().trim().optional().min(3).max(1000);
-export const birthDate = Yup.string().required("Required");
+export const birthDate = Yup.string().optional();
 export const email = Yup.string().email().required("Required");
 export const phoneNumber = Yup.string()
     .optional()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sea-react-components",
   "description": "SEA react components library",
-  "version": "1.3.18",
+  "version": "1.3.19",
   "main": "dist/index.js",
   "scripts": {
     "build": "tsc --build && npx postcss src/styles.css -o dist/styles.css && npx postcss src/components/text-editor/style.css -o dist/components/text-editor/style.css",
@@ -48,7 +48,7 @@
     "jwt-decode": "^4.0.0",
     "lowlight": "^3.3.0",
     "react-dom": "^18.3.1",
-    "sea-platform-helpers": "^1.5.16",
+    "sea-platform-helpers": "^1.5.17",
     "sea-react-components": "file:",
     "uuid": "^13.0.0",
     "yup": "^1.5.0"

package/dist/components/auto-complete/auto-complete-context copy.d.ts

@@ -1,16 +0,0 @@
-import { SelectOption } from "../select";
-export type AutocompleteContextType<T> = {
-    inputValue: string;
-    setInputValue: (v: string) => void;
-    open: boolean;
-    setOpen: (v: boolean) => void;
-    filteredOptions: SelectOption<T>[];
-    select: (option: T) => void;
-    remove: (option: T) => void;
-    highlightedIndex: number;
-    setHighlightedIndex: (i: number) => void;
-    selected: T[];
-};
-export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any>>;
-export declare function useAutocompleteContext<T>(): AutocompleteContextType<T>;
-//# sourceMappingURL=auto-complete-context%20copy.d.ts.map

package/dist/components/auto-complete/auto-complete-context copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-context copy.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete/auto-complete-context copy.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,EAAE,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,uDAC0B,CAAC;AAE3D,wBAAgB,sBAAsB,CAAC,CAAC,KAMxB,uBAAuB,CAAC,CAAC,CAAC,CACzC"}

package/dist/components/auto-complete/auto-complete-context copy.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from "react";
-export const AutocompleteContext = createContext(null);
-export function useAutocompleteContext() {
-    const ctx = useContext(AutocompleteContext);
-    if (!ctx)
-        throw new Error("Autocomplete compound components must be used within <Autocomplete>");
-    return ctx;
-}

package/dist/components/auto-complete/component.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import SearchInput from "../search-input";
-import { SelectOption } from "../select";
-export type Props<T extends string | number | {
-    id: string;
-}> = {
-    label?: string;
-    name?: string;
-    options: SelectOption<T>[];
-    selectedOptions?: T[];
-    setSelectedOptions?: (opts: T[]) => void;
-    onOptionSelect?: (option: SelectOption<T>) => void;
-    multiselect?: boolean;
-    loading?: boolean;
-    renderSelectedOptions?: (selected: T[], remove: (option: T) => void) => React.ReactNode;
-    renderOption?: (option: SelectOption<T>, isHighlighted: boolean) => React.ReactNode;
-    renderContainer?: (content: {
-        input: React.ReactNode;
-        dropdown: React.ReactNode;
-        selected: React.ReactNode;
-        multiselect: boolean;
-    }) => React.ReactNode;
-} & Omit<React.ComponentProps<typeof SearchInput>, "onDebouncedChange"> & {
-    onDebouncedChange?: (val: string) => void;
-};
-export default function AutoCompleteInput<T extends string | number | {
-    id: string;
-}>({ label, name, options, selectedOptions, setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading, multiselect, renderSelectedOptions, renderOption, renderContainer, ...rest }: Props<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=component.d.ts.map

package/dist/components/auto-complete/component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,CAAC,EAAE,EACb,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,KACxB,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EACvB,aAAa,EAAE,OAAO,KACnB,KAAK,CAAC,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,EAAE,OAAO,CAAC;KACtB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,mBAAmB,CAAC,GAAG;IACtE,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,EACA,KAAK,EACL,IAAI,EACJ,OAAO,EACP,eAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,OAAe,EACf,WAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsGV"}

package/dist/components/auto-complete/component.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import SearchInput from "../search-input";
-import Loader from "../loader";
-import clsx from "clsx";
-import { useAutocomplete } from "./use-autocomplete";
-export default function AutoCompleteInput({ label, name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderOption, renderContainer, ...rest }) {
-    const containerRef = useRef(null);
-    const { inputValue, setInputValue, open, setOpen, filteredOptions, select, remove, highlightedIndex, setHighlightedIndex, selected, } = useAutocomplete({
-        options,
-        selected: selectedOptions,
-        multiselect,
-        onSelect: setSelectedOptions,
-    });
-    // Click outside to close
-    useEffect(() => {
-        const handler = (e) => {
-            var _a;
-            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
-                setOpen(false);
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, []);
-    const handleOptionSelect = (option) => {
-        select(option.value);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(option);
-    };
-    const input = (_jsx(SearchInput, { label: label, name: name, value: inputValue, onFocus: () => setOpen(true), onChange: (e) => {
-            setInputValue(e.target.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        }, onDebouncedChange: (val) => {
-            setOpen(true);
-            onDebouncedChange === null || onDebouncedChange === void 0 ? void 0 : onDebouncedChange(val);
-        }, autoComplete: "off", ...rest }));
-    const dropdown = open ? (_jsx("div", { className: "absolute z-10 w-full mt-1 bg-white border rounded shadow max-h-60 overflow-y-auto", children: loading ? (_jsx("div", { className: "p-4 flex justify-center items-center", children: _jsx(Loader, {}) })) : filteredOptions.length > 0 ? (filteredOptions.map((o, i) => (_jsx("div", { className: clsx("px-4 py-2 cursor-pointer custom-animation hover:bg-primary hover:bg-opacity-20", highlightedIndex === i && "bg-gray-100"), onMouseEnter: () => setHighlightedIndex(i), onClick: () => handleOptionSelect(o), children: renderOption ? renderOption(o, highlightedIndex === i) : o.label }, `${name}-option-${i}`)))) : (_jsx("div", { className: "p-4 text-center text-gray-400", children: "No options found" })) })) : null;
-    const selectedNode = selected.length
-        ? renderSelectedOptions === null || renderSelectedOptions === void 0 ? void 0 : renderSelectedOptions(selected, remove)
-        : null;
-    return (_jsx("div", { ref: containerRef, className: "relative w-full", children: renderContainer ? (renderContainer({
-            input,
-            dropdown,
-            selected: selectedNode,
-            multiselect,
-        })) : (_jsxs(_Fragment, { children: [selectedNode, input, dropdown] })) }));
-}

package/dist/components/auto-complete-input copy/index.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import SearchInput from "../search-input";
-import { SelectOption } from "../select";
-export type Props<T extends string | number | {
-    id: string;
-}> = {
-    label?: string;
-    options: SelectOption<T>[];
-    selectedOptions?: T[];
-    setSelectedOptions?: (opts: T[]) => void;
-    onOptionSelect?: (option: SelectOption<T>) => void;
-    multiselect?: boolean;
-    loading?: boolean;
-    renderSelectedOptions?: (selected: T[]) => React.ReactNode;
-    renderContainer?: (content: {
-        input: React.ReactNode;
-        dropdown: React.ReactNode;
-        selected: React.ReactNode;
-        multiselect: boolean;
-    }) => React.ReactNode;
-} & Omit<React.ComponentProps<typeof SearchInput>, "onDebouncedChange"> & {
-    onDebouncedChange?: (val: string) => void;
-};
-export default function AutoCompleteInput<T extends string | number | {
-    id: string;
-}>({ label, name, options, selectedOptions, setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading, multiselect, renderSelectedOptions, renderContainer, ...rest }: Props<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/auto-complete-input copy/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input copy/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,EAAE,OAAO,CAAC;KACtB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,mBAAmB,CAAC,GAAG;IACtE,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,EACA,KAAK,EACL,IAAI,EACJ,OAAO,EACP,eAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,OAAe,EACf,WAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAiIV"}

package/dist/components/auto-complete-input copy/index.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import SearchInput from "../search-input";
-import clsx from "clsx";
-import Loader from "../loader";
-export default function AutoCompleteInput({ label, name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderContainer, ...rest }) {
-    var _a;
-    const [show, setShow] = useState(false);
-    const [inputValue, setInputValue] = useState((_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : "");
-    const containerRef = useRef(null);
-    useEffect(() => {
-        const handler = (e) => {
-            var _a;
-            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                setShow(false);
-            }
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, []);
-    const isAlreadySelected = (option) => {
-        return selectedOptions.some((selected) => {
-            if ((typeof selected === "string" || typeof selected === "number") &&
-                (typeof option.value === "string" || typeof option.value === "number")) {
-                return selected === option.value;
-            }
-            if (typeof selected === "object" &&
-                typeof option.value === "object" &&
-                "id" in selected &&
-                "id" in option.value) {
-                return selected.id === option.value.id;
-            }
-            return false;
-        });
-    };
-    const filteredOptions = multiselect
-        ? options.filter((o) => !isAlreadySelected(o))
-        : options;
-    const handleSelect = (option) => {
-        setInputValue("");
-        onChange === null || onChange === void 0 ? void 0 : onChange({ target: { name, value: "" } });
-        if (multiselect) {
-            if (!isAlreadySelected(option)) {
-                setSelectedOptions === null || setSelectedOptions === void 0 ? void 0 : setSelectedOptions([...selectedOptions, option.value]);
-            }
-        }
-        else {
-            setSelectedOptions === null || setSelectedOptions === void 0 ? void 0 : setSelectedOptions([option.value]); // Only one selection
-            setShow(false); // Hide dropdown immediately
-        }
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(option);
-    };
-    useEffect(() => {
-        var _a;
-        setInputValue((_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : "");
-    }, [value]);
-    const input = (_jsx(SearchInput, { label: label, name: name, value: inputValue, onFocus: () => setShow(true), onChange: (e) => {
-            setInputValue(e.target.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        }, onDebouncedChange: (val) => {
-            setShow(true);
-            onDebouncedChange === null || onDebouncedChange === void 0 ? void 0 : onDebouncedChange(val);
-        }, autoComplete: "off", ...rest }));
-    const dropdown = show && inputValue.trim() !== "" ? (_jsx("div", { className: "absolute z-10 w-full mt-1 bg-white border rounded shadow max-h-60 overflow-y-auto", children: loading ? (_jsx("div", { className: "p-4 flex justify-center items-center", children: _jsx(Loader, {}) })) : filteredOptions.length > 0 ? (filteredOptions.map((o, i) => (_jsx("div", { className: clsx("px-4 py-2 cursor-pointer custom-animation hover:bg-primary hover:bg-opacity-20"), onClick: () => handleSelect(o), children: o.label }, `${name}-option-${i}`)))) : (_jsx("div", { className: "p-4 text-center text-gray-400", children: "No options found" })) })) : null;
-    const selected = selectedOptions.length
-        ? renderSelectedOptions === null || renderSelectedOptions === void 0 ? void 0 : renderSelectedOptions(selectedOptions)
-        : null;
-    return (_jsx("div", { ref: containerRef, children: renderContainer ? (_jsx("div", { className: "relative", children: renderContainer({
-                input,
-                dropdown,
-                selected,
-                multiselect,
-            }) })) : (_jsxs("div", { className: "relative", children: [selected, input, dropdown] })) }));
-}

package/dist/components/auto-complete-input2/auto-complete-context.d.ts

@@ -1,16 +0,0 @@
-import { SelectOption } from "../select";
-export type AutocompleteContextType<T> = {
-    inputValue: string;
-    setInputValue: (v: string) => void;
-    open: boolean;
-    setOpen: (v: boolean) => void;
-    filteredOptions: SelectOption<T>[];
-    select: (option: T) => void;
-    remove: (option: T) => void;
-    highlightedIndex: number;
-    setHighlightedIndex: (i: number) => void;
-    selected: T[];
-};
-export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any>>;
-export declare function useAutocompleteContext<T>(): AutocompleteContextType<T>;
-//# sourceMappingURL=auto-complete-context.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-context.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,EAAE,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,uDAC0B,CAAC;AAE3D,wBAAgB,sBAAsB,CAAC,CAAC,KAMxB,uBAAuB,CAAC,CAAC,CAAC,CACzC"}

package/dist/components/auto-complete-input2/auto-complete-context.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from "react";
-export const AutocompleteContext = createContext(null);
-export function useAutocompleteContext() {
-    const ctx = useContext(AutocompleteContext);
-    if (!ctx)
-        throw new Error("Autocomplete compound components must be used within <Autocomplete>");
-    return ctx;
-}

package/dist/components/auto-complete-input2/auto-complete-dropdown.d.ts

@@ -1,2 +0,0 @@
-export declare function Input(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=auto-complete-dropdown.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-dropdown.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

package/dist/components/auto-complete-input2/auto-complete-dropdown.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAutocompleteContext } from "./auto-complete-context";
-import SearchInput from "../search-input";
-export function Input() {
-    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
-    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
-        //   onChange={(e) => setInputValue(e.target.value)}
-        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
-}

package/dist/components/auto-complete-input2/auto-complete-input copy.d.ts

@@ -1,2 +0,0 @@
-export declare function Input(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=auto-complete-input%20copy.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-input copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-input copy.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-input copy.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

package/dist/components/auto-complete-input2/auto-complete-input copy.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAutocompleteContext } from "./auto-complete-context";
-import SearchInput from "../search-input";
-export function Input() {
-    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
-    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
-        //   onChange={(e) => setInputValue(e.target.value)}
-        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
-}

package/dist/components/auto-complete-input2/auto-complete-input.d.ts

@@ -1,2 +0,0 @@
-export declare function Input(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=auto-complete-input.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-input.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-input.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

package/dist/components/auto-complete-input2/auto-complete-input.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAutocompleteContext } from "./auto-complete-context";
-import SearchInput from "../search-input";
-export function Input() {
-    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
-    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
-        //   onChange={(e) => setInputValue(e.target.value)}
-        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
-}

package/dist/components/auto-complete-input2/auto-complete.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { SelectOption } from "../select";
-export type AutocompleteProps<T> = {
-    options: SelectOption<T>[];
-    selected?: T[];
-    onSelect?: (selected: T[]) => void;
-    multiselect?: boolean;
-    loading?: boolean;
-    children: React.ReactNode;
-};
-export declare function Autocomplete<T extends string | number | {
-    id: string;
-}>({ options, selected, onSelect, multiselect, loading, children, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=auto-complete.d.ts.map

package/dist/components/auto-complete-input2/auto-complete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACvE,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,OAAe,EACf,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqBtB"}

package/dist/components/auto-complete-input2/auto-complete.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { AutocompleteContext } from "./auto-complete-context";
-import { useAutocomplete } from "./use-autocomplete";
-export function Autocomplete({ options, selected, onSelect, multiselect = true, loading = false, children, }) {
-    const containerRef = useRef(null);
-    const ac = useAutocomplete({ options, selected, multiselect, onSelect });
-    // Close dropdown on outside click
-    useEffect(() => {
-        const handler = (e) => {
-            var _a;
-            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
-                ac.setOpen(false);
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, [ac]);
-    return (_jsx(AutocompleteContext.Provider, { value: ac, children: _jsx("div", { ref: containerRef, className: "relative w-full", children: children }) }));
-}

package/dist/components/auto-complete-input2/component.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import SearchInput from "../search-input";
-import { SelectOption } from "../select";
-export type Props<T extends string | number | {
-    id: string;
-}> = {
-    label?: string;
-    name?: string;
-    options: SelectOption<T>[];
-    selectedOptions?: T[];
-    setSelectedOptions?: (opts: T[]) => void;
-    onOptionSelect?: (option: SelectOption<T>) => void;
-    multiselect?: boolean;
-    loading?: boolean;
-    renderSelectedOptions?: (selected: T[], remove: (option: T) => void) => React.ReactNode;
-    renderOption?: (option: SelectOption<T>, isHighlighted: boolean) => React.ReactNode;
-    renderContainer?: (content: {
-        input: React.ReactNode;
-        dropdown: React.ReactNode;
-        selected: React.ReactNode;
-        multiselect: boolean;
-    }) => React.ReactNode;
-} & Omit<React.ComponentProps<typeof SearchInput>, "onDebouncedChange"> & {
-    onDebouncedChange?: (val: string) => void;
-};
-export default function AutoCompleteInput<T extends string | number | {
-    id: string;
-}>({ label, name, options, selectedOptions, setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading, multiselect, renderSelectedOptions, renderOption, renderContainer, ...rest }: Props<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=component.d.ts.map

package/dist/components/auto-complete-input2/component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,CAAC,EAAE,EACb,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,KACxB,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EACvB,aAAa,EAAE,OAAO,KACnB,KAAK,CAAC,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,EAAE,OAAO,CAAC;KACtB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,mBAAmB,CAAC,GAAG;IACtE,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,EACA,KAAK,EACL,IAAI,EACJ,OAAO,EACP,eAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,OAAe,EACf,WAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsGV"}

package/dist/components/auto-complete-input2/component.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import SearchInput from "../search-input";
-import Loader from "../loader";
-import clsx from "clsx";
-import { useAutocomplete } from "./use-autocomplete";
-export default function AutoCompleteInput({ label, name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderOption, renderContainer, ...rest }) {
-    const containerRef = useRef(null);
-    const { inputValue, setInputValue, open, setOpen, filteredOptions, select, remove, highlightedIndex, setHighlightedIndex, selected, } = useAutocomplete({
-        options,
-        selected: selectedOptions,
-        multiselect,
-        onSelect: setSelectedOptions,
-    });
-    // Click outside to close
-    useEffect(() => {
-        const handler = (e) => {
-            var _a;
-            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
-                setOpen(false);
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, []);
-    const handleOptionSelect = (option) => {
-        select(option.value);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(option);
-    };
-    const input = (_jsx(SearchInput, { label: label, name: name, value: inputValue, onFocus: () => setOpen(true), onChange: (e) => {
-            setInputValue(e.target.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        }, onDebouncedChange: (val) => {
-            setOpen(true);
-            onDebouncedChange === null || onDebouncedChange === void 0 ? void 0 : onDebouncedChange(val);
-        }, autoComplete: "off", ...rest }));
-    const dropdown = open ? (_jsx("div", { className: "absolute z-10 w-full mt-1 bg-white border rounded shadow max-h-60 overflow-y-auto", children: loading ? (_jsx("div", { className: "p-4 flex justify-center items-center", children: _jsx(Loader, {}) })) : filteredOptions.length > 0 ? (filteredOptions.map((o, i) => (_jsx("div", { className: clsx("px-4 py-2 cursor-pointer custom-animation hover:bg-primary hover:bg-opacity-20", highlightedIndex === i && "bg-gray-100"), onMouseEnter: () => setHighlightedIndex(i), onClick: () => handleOptionSelect(o), children: renderOption ? renderOption(o, highlightedIndex === i) : o.label }, `${name}-option-${i}`)))) : (_jsx("div", { className: "p-4 text-center text-gray-400", children: "No options found" })) })) : null;
-    const selectedNode = selected.length
-        ? renderSelectedOptions === null || renderSelectedOptions === void 0 ? void 0 : renderSelectedOptions(selected, remove)
-        : null;
-    return (_jsx("div", { ref: containerRef, className: "relative w-full", children: renderContainer ? (renderContainer({
-            input,
-            dropdown,
-            selected: selectedNode,
-            multiselect,
-        })) : (_jsxs(_Fragment, { children: [selectedNode, input, dropdown] })) }));
-}

package/dist/components/auto-complete-input2/index.d.ts

@@ -1,3 +0,0 @@
-export { default as AutoCompleteInput2, Props } from "./component";
-export * from "./use-autocomplete";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/auto-complete-input2/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACnE,cAAc,oBAAoB,CAAC"}

package/dist/components/auto-complete-input2/index.js

@@ -1,2 +0,0 @@
-export { default as AutoCompleteInput2 } from "./component";
-export * from "./use-autocomplete";

package/dist/components/auto-complete-input2/use-autocomplete.d.ts

@@ -1,21 +0,0 @@
-import { SelectOption } from "../select";
-export declare function useAutocomplete<T extends string | number | {
-    id: string;
-}>(props: {
-    options: SelectOption<T>[];
-    selected?: T[];
-    multiselect?: boolean;
-    onSelect?: (selected: T[]) => void;
-}): {
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    open: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    filteredOptions: SelectOption<T>[];
-    select: (option: T) => void;
-    remove: (option: T) => void;
-    highlightedIndex: number;
-    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    selected: T[];
-};
-//# sourceMappingURL=use-autocomplete.d.ts.map

package/dist/components/auto-complete-input2/use-autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/use-autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,eAAe,CAC7B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,KAAK,EAAE;IACP,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;;;;;;qBA0ByB,CAAC;qBAWD,CAAC;;;;EA4B1B"}

package/dist/components/auto-complete-input2/use-autocomplete.js

@@ -1,56 +0,0 @@
-import { useState, useMemo } from "react";
-export function useAutocomplete(props) {
-    const { options, selected = [], multiselect = true, onSelect } = props;
-    const [inputValue, setInputValue] = useState("");
-    const [open, setOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(0);
-    const filteredOptions = useMemo(() => {
-        if (!multiselect)
-            return options;
-        return options.filter((o) => !selected.some((s) => {
-            if (typeof s === "string" || typeof s === "number")
-                return s === o.value;
-            if (typeof s === "object" &&
-                "id" in s &&
-                typeof o.value === "object" &&
-                "id" in o.value)
-                return s.id === o.value.id;
-            return false;
-        }));
-    }, [options, selected, multiselect]);
-    const select = (option) => {
-        if (multiselect) {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect([...selected, option]);
-        }
-        else {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect([option]);
-            setOpen(false);
-        }
-        setInputValue("");
-        setHighlightedIndex(0);
-    };
-    const remove = (option) => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selected.filter((s) => {
-            if (typeof s === "string" || typeof s === "number")
-                return s !== option;
-            if (typeof s === "object" &&
-                "id" in s &&
-                typeof option === "object" &&
-                "id" in option)
-                return s.id !== option.id;
-            return true;
-        }));
-    };
-    return {
-        inputValue,
-        setInputValue,
-        open,
-        setOpen,
-        filteredOptions,
-        select,
-        remove,
-        highlightedIndex,
-        setHighlightedIndex,
-        selected,
-    };
-}

package/dist/components/auto-complete-input2/useAutocomplete.d.ts

@@ -1,21 +0,0 @@
-import { SelectOption } from "../select";
-export declare function useAutocomplete<T extends string | number | {
-    id: string;
-}>(props: {
-    options: SelectOption<T>[];
-    selected?: T[];
-    multiselect?: boolean;
-    onSelect?: (selected: T[]) => void;
-}): {
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    open: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    filteredOptions: SelectOption<T>[];
-    select: (option: T) => void;
-    remove: (option: T) => void;
-    highlightedIndex: number;
-    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    selected: T[];
-};
-//# sourceMappingURL=useAutocomplete.d.ts.map

package/dist/components/auto-complete-input2/useAutocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/useAutocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,eAAe,CAC7B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,KAAK,EAAE;IACP,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;;;;;;qBA4ByB,CAAC;qBAWD,CAAC;;;;EA6B1B"}

package/dist/components/auto-complete-input2/useAutocomplete.js

@@ -1,59 +0,0 @@
-import { useState, useMemo } from "react";
-export function useAutocomplete(props) {
-    const { options, selected = [], multiselect = true, onSelect } = props;
-    const [inputValue, setInputValue] = useState("");
-    const [open, setOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(0);
-    const filteredOptions = useMemo(() => {
-        if (!multiselect)
-            return options;
-        return options.filter((o) => !selected.some((s) => {
-            if (typeof s === "string" || typeof s === "number") {
-                return s === o.value;
-            }
-            if (typeof s === "object" &&
-                "id" in s &&
-                typeof o.value === "object" &&
-                "id" in o.value) {
-                return s.id === o.value.id;
-            }
-            return false;
-        }));
-    }, [options, selected, multiselect]);
-    const select = (option) => {
-        if (multiselect) {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect([...selected, option]);
-        }
-        else {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect([option]);
-            setOpen(false);
-        }
-        setInputValue("");
-        setHighlightedIndex(0);
-    };
-    const remove = (option) => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selected.filter((s) => {
-            if (typeof s === "string" || typeof s === "number")
-                return s !== option;
-            if (typeof s === "object" &&
-                "id" in s &&
-                typeof option === "object" &&
-                "id" in option) {
-                return s.id !== option.id;
-            }
-            return true;
-        }));
-    };
-    return {
-        inputValue,
-        setInputValue,
-        open,
-        setOpen,
-        filteredOptions,
-        select,
-        remove,
-        highlightedIndex,
-        setHighlightedIndex,
-        selected,
-    };
-}