prometeo-design-system 2.4.3 → 2.5.0

package/dist/SelectSearch.es.js

@@ -0,0 +1,201 @@
+import { j as q } from "./jsx-runtime-DKDX3adD.js";
+import { g as s, S as $ } from "./Select-CxJFcGuQ.js";
+import { useState as C, useRef as j, useEffect as f, useMemo as z, useCallback as G } from "react";
+function ee(e) {
+  const {
+    options: u,
+    multiple: l = !1,
+    fetcher: v,
+    asyncMode: b = "fetch_in_open",
+    disabled: S = !1,
+    debounceDelay: d = 500,
+    minCharacters: L = 3,
+    optionLabel: h,
+    optionValue: a,
+    controlledValue: p,
+    isOpen: k,
+    inputRef: V,
+    name: x
+  } = e || {}, [_, w] = C(u || []), [E, T] = C(u || []), [r, y] = C(""), [P, I] = C(!1), [m, M] = C([]), [H, N] = C(!1), R = j(null), A = j(null), D = j(!1), F = j(v);
+  f(() => {
+    F.current = v;
+  }, [v]), f(() => {
+    p !== void 0 && M(p);
+  }, [p]), f(() => {
+    e?.options && (w(e.options), T(e.options));
+  }, [e?.options]);
+  const J = z(() => (n, t) => new Promise((o, c) => {
+    R.current && clearTimeout(R.current), R.current = setTimeout(() => n(r).then(o).catch(c), t);
+  }), [r]), Q = (n) => {
+    const t = p !== void 0;
+    console.log(t, "isControlled");
+    const o = t ? p : m;
+    console.log(o, "prev value");
+    let c;
+    const i = (O) => a ? s(O, a) : s(O, "id");
+    if (l) {
+      const O = o.some((g) => i(g) === i(n));
+      console.log(O, "exists"), O ? c = o.filter((g) => i(g) !== i(n)) : c = [...o, n];
+    } else
+      c = [n];
+    t || M(c), e?.onChange?.(c, x);
+  }, K = (n) => (e?.onFetchingStart?.(), F.current?.(n) || Promise.resolve([])), B = G((n, t) => n.length === 0 ? t : a ? t.filter((o) => !n.some((c) => s(c, a) === s(o, a))) : t.filter((o) => !n.some((c) => s(c, "id") === s(o, "id"))), [a]);
+  f(() => {
+    const n = e?.subscribeOpenChange;
+    if (!n) return;
+    const t = n((o) => {
+      N(o);
+    });
+    return () => {
+      t && t();
+    };
+  }, [e?.subscribeOpenChange]);
+  const U = k !== void 0 ? k : H;
+  f(() => {
+    if (!S && F.current && b === "fetch_on_type") {
+      if (!r || r === "" || r.length < L) {
+        R.current && clearTimeout(R.current), I(!1);
+        return;
+      }
+      const n = J(K, d);
+      I(!0), n.then((t) => {
+        w(t);
+      }).finally(() => {
+        I(!1), e?.onFetchingEnd?.();
+      });
+    }
+  }, [b, r, S, d, J, L]), f(() => {
+    if (U) {
+      if (e?.onOpen?.(), b === "fetch_in_open") {
+        if (!F.current)
+          return;
+        I(!0), K().then((n) => {
+          w(() => m.length > 0 ? [...B(m, n), ...m] : n);
+        }).finally(() => {
+          I(!1), e?.onFetchingEnd?.();
+        });
+      }
+    } else
+      e?.onClose?.();
+  }, [U, b]);
+  const X = (n, t) => n.filter((o) => {
+    if (h)
+      return s(o, h).toLowerCase().includes(t.toLowerCase());
+    switch (typeof o) {
+      case "string":
+        return o.toLowerCase().includes(t.toLowerCase());
+      case "number":
+        return o.toString().includes(t);
+      case "object":
+        return Object.values(o).some((i) => i.toString().toLowerCase().includes(t.toLowerCase()));
+      default:
+        return !1;
+    }
+  }), Y = (n) => n.sort((t, o) => {
+    if (h)
+      return s(t, h) < s(o, h) ? -1 : 1;
+    {
+      const i = ["label", "name", "value"].find((g) => typeof t == "object" && Object.keys(t).includes(g));
+      switch (typeof t) {
+        case "string":
+          return t < o ? -1 : 1;
+        case "number":
+          return t < o ? -1 : 1;
+        case "object":
+          if (i) {
+            const g = s(t, i), Z = s(o, i);
+            return g < Z ? -1 : 1;
+          } else
+            return 1;
+        default:
+          return 1;
+      }
+    }
+  }), W = (n) => {
+    const t = typeof V == "function" ? V() : V;
+    n.target === t?.current && (A.current && clearTimeout(A.current), D.current || (D.current = !0, e?.onTypeStart?.()), A.current = setTimeout(() => {
+      D.current = !1;
+    }, d));
+  };
+  return f(() => {
+    if (r === "")
+      T(Y(_));
+    else {
+      const n = B(m, _);
+      T([...X(n, r), ...m]);
+    }
+  }, [_]), f(() => (document.addEventListener("keydown", W), () => {
+    document.removeEventListener("keydown", W);
+  }), []), {
+    inputValue: r,
+    setInputValue: y,
+    cleanInputValue: () => {
+      y("");
+    },
+    filteredOptions: E,
+    isLoading: P,
+    value: m,
+    setValue: M,
+    onOptionClick: Q
+  };
+}
+const ce = (e) => {
+  const u = j(null), { asyncMode: l = "fetch_in_open" } = e, { inputValue: v, setInputValue: b, filteredOptions: S, isLoading: d, value: L, onOptionClick: h, cleanInputValue: a } = ee({
+    options: e.options,
+    fetcher: e.fetcher,
+    asyncMode: l,
+    debounceDelay: e.debounceDelay,
+    minCharacters: e.minCharacters,
+    disabled: e.disabled,
+    multiple: e.multiple,
+    optionValue: e.optionValue,
+    optionLabel: e.optionLabel,
+    onFetchingStart: () => {
+      l === "fetch_on_type" && u.current?.open();
+    },
+    onTypeStart: () => {
+      !e?.fetcher && u.current?.open();
+    },
+    inputRef: () => u.current?.searchInputRef,
+    //estado controlado
+    controlledValue: e.value,
+    subscribeOpenChange: u.current?.subscribeOpenChange,
+    onChange: e.onChange,
+    name: e.name
+  }), p = z(() => L.map((r) => s(r, e.optionValue)), [L, e.optionValue]), k = G(() => l === "fetch_on_type" ? d : !1, [l, d]), V = (r) => {
+    console.log(r, "newValue");
+    const y = S.find((P) => s(P, e.optionValue) === r.id);
+    y && (console.log(y, "originalOption"), h(y));
+  }, { displayMode: x = "chips", dropdownOptions: _, overflow: w = "scroll", ...E } = e.selectComponentProps || {}, T = {
+    controledSearchValue: v,
+    onSearchValueChange: l === "fetch_on_type" ? b : void 0,
+    onSearchClear: l === "fetch_on_type" ? a : void 0,
+    inputSearchPlaceholder: e.inputSearchPlaceholder,
+    isLoading: k(),
+    ..._ || {}
+  };
+  return /* @__PURE__ */ q.jsx("div", { children: /* @__PURE__ */ q.jsx(
+    $,
+    {
+      name: e.name,
+      overflow: w,
+      ...E,
+      label: e.label || "",
+      value: p,
+      options: S,
+      optionValue: e.optionValue,
+      optionLabel: e.optionLabel,
+      renderOption: e.renderOption,
+      onOptionClick: V,
+      multiple: e.multiple,
+      displayMode: x,
+      controls: u,
+      emptyMessage: "Use el buscador para obtener las opciones disponibles",
+      dropdownOptions: T,
+      isLoading: l === "fetch_in_open" ? d : !1
+    }
+  ) });
+};
+export {
+  ce as default
+};

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-ByW6EXIE.js";
+import { j as E } from "./jsx-runtime-DKDX3adD.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-ByW6EXIE.js";
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
 import { motion as x } from "framer-motion";
 import { memo as N } from "react";
 import { c as r } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-ByW6EXIE.js";
+import { j as y } from "./jsx-runtime-DKDX3adD.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Toast.es.js

@@ -1,9 +1,9 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import b from "react";
 import { toast as p } from "sonner";
 import { Icons as m } from "./Icons.es.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import { B as u } from "./Button-Bc0LYLfg.js";
+import { B as u } from "./Button-DsbEyjth.js";
 const x = {
   dark: {
     success: {

package/dist/ToastProvider.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Toaster as r } from "sonner";
 const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
 export {

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+import { CustomSelectOptionRendererProps } from '../Select/Select';
+import { OptionAccessor } from '../Shared/types';
+export interface AutocompleteProps<T> {
+    label?: string;
+    placeholder?: string;
+    name?: string;
+    multiple?: boolean;
+    options?: T[];
+    optionValue: OptionAccessor<T, string | number>;
+    optionLabel: OptionAccessor<T, string>;
+    fetcher?: (input?: string) => Promise<T[]>;
+    asyncMode?: 'fetch_in_open' | 'fetch_on_type';
+    debounceDelay?: number;
+    labelVariant?: 'static' | 'default';
+    disabled?: boolean;
+    renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
+}
+declare const Autocomplete: <T>(props: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Autocomplete;

package/dist/components/Autocomplete/useAutocomplete.d.ts

@@ -0,0 +1,33 @@
+import { OptionAccessor } from '../Shared/types';
+export interface UseAutocompleteOptions<T> {
+    options?: T[];
+    multiple?: boolean;
+    fetcher?: (input?: string) => Promise<T[]>;
+    asyncMode?: 'fetch_in_open' | 'fetch_on_type';
+    disabled?: boolean;
+    debounceDelay?: number;
+    minCharacters?: number;
+    optionLabel?: OptionAccessor<T, string>;
+    optionValue?: OptionAccessor<T, string | number>;
+    inputRef?: React.RefObject<HTMLInputElement | null> | (() => React.RefObject<HTMLInputElement | null> | undefined);
+    onFetchingStart?: () => void;
+    onFetchingEnd?: () => void;
+    onTypeStart?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    controlledValue?: T[];
+    isOpen?: boolean;
+    subscribeOpenChange?: (cb: (open: boolean) => void) => (() => void) | undefined;
+    onChange?: (newValue: T[], name?: string) => void;
+    name?: string;
+}
+export declare function useAutocomplete<T>(options?: UseAutocompleteOptions<T>): {
+    inputValue: string;
+    setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
+    cleanInputValue: () => void;
+    filteredOptions: T[];
+    isLoading: boolean;
+    value: T[];
+    setValue: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+    onOptionClick: (option: T) => void;
+};

package/dist/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 export type InputVariant = "default" | "error" | "success";
 export type InputSize = "small" | "medium" | "large";
 export type LabelVariant = "default" | "static";
-export interface InputProps {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     label: string;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
@@ -31,6 +31,7 @@ export interface InputProps {
     isActive?: boolean;
     style?: React.CSSProperties;
     readOnly?: boolean;
+    onClear?: () => void;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, icon, iconPosition, onChange, value, debounceMs, name, width, height, variant, labelVariant, size, disabled, type, isFetching, errorComponent, helperComponent, placeholder, required, onFocus, onBlur, onEmptied, onKeyDown, onKeyUp, className, isActive, style, readOnly }: InputProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/Select/Select.d.ts

@@ -1,11 +1,6 @@
 import { ComponentType, JSX, default as React } from 'react';
-import { ComponentVariant, LabelVariant } from '../Shared/types';
+import { ComponentVariant, LabelVariant, OptionAccessor } from '../Shared/types';
 export type SelectDisplayMode = "compact" | "chips";
-type PathValue<T, P extends string> = P extends keyof T ? T[P] : P extends `${infer K}.${infer Rest}` ? K extends keyof T ? PathValue<T[K], Rest> : never : never;
-type Paths<T> = T extends object ? {
-    [K in keyof T & string]: T[K] extends object ? K | `${K}.${Paths<T[K]>}` : K;
-}[keyof T & string] : never;
-type OptionAccessor<T, R> = ((option: T) => R) | (Paths<T> extends infer P ? (P extends string ? (PathValue<T, P> extends R ? P : never) : never) : never);
 export type SelectOptionType = {
     label: string;
     value: string | number;
@@ -24,46 +19,68 @@ interface SelectOptionRendererProps<T = unknown> {
     onSelect: (option: SelectOptionType) => void;
     multiple: boolean;
     disabled?: boolean;
+    isLoading?: boolean;
 }
 export interface CustomSelectOptionRendererProps<T> extends SelectOptionRendererProps<T> {
     option: T;
     onSelect: () => void;
     disabled?: boolean;
+    isLoading?: boolean;
 }
 export type SelectVariant = "default" | "error" | "success";
+export type SelectControlsHandler = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    subscribeOpenChange: (cb: (open: boolean) => void) => () => void;
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+};
+export type SelectControlsRef = React.RefObject<SelectControlsHandler | null>;
+export interface DropdownOptionsProps {
+    hideSearchBar?: boolean;
+    dropdownHeight?: string;
+    controledSearchValue?: string;
+    onSearchValueChange?: (value: string) => void;
+    onSearchClear?: () => void;
+    inputSearchPlaceholder?: string;
+    isLoading?: boolean;
+}
 export interface SelectProps<T = unknown> {
+    id?: string;
+    name?: string;
     label: string;
-    value: (string | number)[];
-    isLoading?: boolean;
     options: T[];
-    onOptionClick?: (option: SelectOptionType, name?: string) => void;
-    onChange?: (newValue: SelectOptionType[], name?: string) => void;
-    multiple?: boolean;
-    onClear?: () => void;
-    onClose?: () => void;
-    className?: string;
-    id?: string;
-    emptyMessage?: string;
-    optionValue: OptionAccessor<T, string | number>;
     optionLabel: OptionAccessor<T, string>;
+    optionValue: OptionAccessor<T, string | number>;
     renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
     renderSelection?: ComponentType<CustomSelectionDisplayProps<T>>;
+    value: (string | number)[];
+    disabled?: boolean;
+    className?: string;
+    multiple?: boolean;
+    isLoading?: boolean;
+    emptyMessage?: string;
     placeholder?: string;
+    displayMode?: SelectDisplayMode;
+    errorComponent?: React.ReactNode;
+    helperComponent?: React.ReactNode;
+    variant?: ComponentVariant;
+    overflow?: 'wrap' | 'scroll';
     containerClassName?: string;
     buttonClassName?: string;
     dropdownClassName?: string;
-    displayMode?: SelectDisplayMode;
-    onRemoveOption?: (option: T) => void;
     width?: string;
     height?: string;
+    controls?: SelectControlsRef;
     labelVariant?: LabelVariant;
     attachToParent?: boolean;
-    name?: string;
-    overflow?: 'wrap' | 'scroll';
-    errorComponent?: React.ReactNode;
-    helperComponent?: React.ReactNode;
-    disabled?: boolean;
-    variant?: ComponentVariant;
+    disableOpenOnFocus?: boolean;
+    onClose?: () => void;
+    onClear?: () => void;
+    onRemoveOption?: (option: T) => void;
+    onChange?: (newValue: SelectOptionType[], name?: string) => void;
+    onOptionClick?: (option: SelectOptionType, name?: string) => void;
+    dropdownOptions?: DropdownOptionsProps;
 }
 declare const _default: <T>(props: SelectProps<T>) => JSX.Element;
 export default _default;

package/dist/components/Select copy/Select.d.ts

@@ -0,0 +1,71 @@
+import { ComponentType, JSX, default as React } from 'react';
+import { ComponentVariant, LabelVariant, OptionAccessor } from '../Shared/types';
+export type SelectDisplayMode = "compact" | "chips";
+export type SelectOptionType = {
+    label: string;
+    value: string | number;
+    id: string | number;
+};
+export type CustomSelectionDisplayProps<T> = {
+    selectedOptions: T[];
+    placeholder?: string;
+    multiple: boolean;
+    onRemoveOption: (optionId: string | number) => void;
+    disabled?: boolean;
+};
+interface SelectOptionRendererProps<T = unknown> {
+    option: SelectOptionType | T;
+    isSelected: boolean;
+    onSelect: (option: SelectOptionType) => void;
+    multiple: boolean;
+    disabled?: boolean;
+}
+export interface CustomSelectOptionRendererProps<T> extends SelectOptionRendererProps<T> {
+    option: T;
+    onSelect: () => void;
+    disabled?: boolean;
+}
+export type SelectVariant = "default" | "error" | "success";
+export type SelectControlsHandler = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export type SelectControlsRef = React.RefObject<SelectControlsHandler | null>;
+export interface SelectProps<T = unknown> {
+    label: string;
+    value: (string | number)[];
+    isLoading?: boolean;
+    options: T[];
+    onOptionClick?: (option: SelectOptionType, name?: string) => void;
+    onChange?: (newValue: SelectOptionType[], name?: string) => void;
+    multiple?: boolean;
+    onClear?: () => void;
+    onClose?: () => void;
+    className?: string;
+    id?: string;
+    emptyMessage?: string;
+    optionValue: OptionAccessor<T, string | number>;
+    optionLabel: OptionAccessor<T, string>;
+    renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
+    renderSelection?: ComponentType<CustomSelectionDisplayProps<T>>;
+    placeholder?: string;
+    containerClassName?: string;
+    buttonClassName?: string;
+    dropdownClassName?: string;
+    displayMode?: SelectDisplayMode;
+    onRemoveOption?: (option: T) => void;
+    width?: string;
+    height?: string;
+    labelVariant?: LabelVariant;
+    attachToParent?: boolean;
+    name?: string;
+    overflow?: 'wrap' | 'scroll';
+    errorComponent?: React.ReactNode;
+    helperComponent?: React.ReactNode;
+    disabled?: boolean;
+    variant?: ComponentVariant;
+    controls?: SelectControlsRef;
+}
+declare const _default: <T>(props: SelectProps<T>) => JSX.Element;
+export default _default;

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'react';
+import { CustomSelectionDisplayProps, CustomSelectOptionRendererProps, SelectProps } from '../Select/Select';
+import { OptionAccessor } from '../Shared/types';
+export interface SelectSearchProps<T> {
+    label?: string;
+    placeholder?: string;
+    name?: string;
+    multiple?: boolean;
+    options?: T[];
+    optionValue: OptionAccessor<T, string | number>;
+    optionLabel: OptionAccessor<T, string>;
+    fetcher?: (input?: string) => Promise<T[]>;
+    asyncMode?: 'fetch_in_open' | 'fetch_on_type';
+    debounceDelay?: number;
+    minCharacters?: number;
+    inputSearchPlaceholder?: string;
+    labelVariant?: 'static' | 'default';
+    disabled?: boolean;
+    renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
+    renderSelection?: ComponentType<CustomSelectionDisplayProps<T>>;
+    selectComponentProps?: Partial<SelectProps<T>>;
+    value?: T[];
+    onChange?: (newValue: T[], name?: string) => void;
+}
+declare const SelectSearch: <T>(props: SelectSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectSearch;

package/dist/components/Shared/Chip.d.ts

@@ -6,9 +6,10 @@ type ChipProps = {
     className?: string;
     disabled?: boolean;
     variant?: ComponentVariant;
+    tabIndex?: number;
 };
 declare const _default: import('react').MemoExoticComponent<{
-    ({ id, label, onRemove, className, disabled, variant }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, onRemove, className, disabled, variant, tabIndex }: ChipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/dist/exports/Autocomplete.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Autocomplete/Autocomplete';

package/dist/exports/SelectSearch.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/SelectSearch/SelectSearch';

package/dist/index.d.ts

@@ -36,6 +36,7 @@ export { default as Image } from './components/Image/Image';
 export { default as Toast } from './components/Toaster/Toaster';
 export { default as ToastProvider } from './components/Toaster/ToastProvider';
 export { toastpyrion } from './components/Toaster/Toaster';
+export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
@@ -90,4 +91,12 @@ export type { SegmentedButtonProps } from './components/SegmentedButton/Segmente
 export type { DatePickerProps } from './components/DatePicker/DatePicker';
 export type { ImageProps } from './components/Image/Image';
 export type { ImageGalleryProps } from './components/Image/ImageGallery';
+export type { DrawerMobileProps } from './components/Drawer/DrawerMobile';
+export type { DrawerDesktopProps } from './components/Drawer/DrawerDesktop';
+export type { DrawerMobileHandle } from './components/Drawer/DrawerMobile';
+export type { DrawerDesktopHandle } from './components/Drawer/DrawerDesktop';
+export type { CustomSelectionDisplayProps } from './components/Select/Select';
+export type { CustomSelectOptionRendererProps } from './components/Select/Select';
+export type { SelectOptionType } from './components/Select/Select';
+export type { SelectSearchProps } from './components/SelectSearch/SelectSearch';
 export { Icons } from './Icons/Icons';