@kadoui/react 1.11.16 → 2.0.1

package/dist/components/SelectBox/SelectBox.d.ts

@@ -3,11 +3,15 @@ import SelectBoxField from "./SelectBoxField";
 import SelectBoxInput from "./SelectBoxInput";
 import { SelectBoxRoot } from "./SelectBoxRoot";
 import SelectBoxOptions from "./SelectBoxOptions";
-export * from "./types";
+import SelectBoxSearchInput from "./SelectBoxSearchInput";
+import SelectBoxSearchField from "./SelectBoxSearchField";
 export declare const SelectBox: typeof SelectBoxRoot & {
     Input: typeof SelectBoxInput;
     Field: typeof SelectBoxField;
     List: typeof SelectBoxList;
+    SearchInput: typeof SelectBoxSearchInput;
+    SearchField: typeof SelectBoxSearchField;
     Options: typeof SelectBoxOptions;
 };
+export * from "./selectBoxTypes";
 //# sourceMappingURL=SelectBox.d.ts.map

package/dist/components/SelectBox/SelectBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBox.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;CAKpB,CAAC"}
+{"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBox.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,eAAO,MAAM,SAAS;;;;;;;CAOpB,CAAC;AAEH,cAAc,kBAAkB,CAAC"}

package/dist/components/SelectBox/SelectBox.js

@@ -3,10 +3,14 @@ import SelectBoxField from "./SelectBoxField";
 import SelectBoxInput from "./SelectBoxInput";
 import { SelectBoxRoot } from "./SelectBoxRoot";
 import SelectBoxOptions from "./SelectBoxOptions";
-export * from "./types";
+import SelectBoxSearchInput from "./SelectBoxSearchInput";
+import SelectBoxSearchField from "./SelectBoxSearchField";
 export const SelectBox = Object.assign(SelectBoxRoot, {
     Input: SelectBoxInput,
     Field: SelectBoxField,
     List: SelectBoxList,
+    SearchInput: SelectBoxSearchInput,
+    SearchField: SelectBoxSearchField,
     Options: SelectBoxOptions,
 });
+export * from "./selectBoxTypes";

package/dist/components/SelectBox/SelectBoxContext.d.ts

@@ -1,10 +1,3 @@
-import { Dispatch, SetStateAction } from "react";
-type SelectBoxContextT = {
-    inputFocused: boolean;
-    setInputFocused: Dispatch<SetStateAction<boolean>>;
-    inputSearch: string;
-    setInputSearch: Dispatch<SetStateAction<string>>;
-};
+import type { SelectBoxContextT } from "./selectBoxTypes";
 export declare const SelectBoxContext: import("react").Context<SelectBoxContextT>;
-export {};
 //# sourceMappingURL=SelectBoxContext.d.ts.map

package/dist/components/SelectBox/SelectBoxContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxContext.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,gBAAgB,4CAAyC,CAAC"}
+{"version":3,"file":"SelectBoxContext.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,gBAAgB,4CAAyC,CAAC"}

package/dist/components/SelectBox/SelectBoxField.d.ts

@@ -1,7 +1,3 @@
-import { InputHTMLAttributes } from "react";
-type SelectBoxFieldPropsT = InputHTMLAttributes<HTMLInputElement> & {
-    search?: boolean;
-};
-export default function SelectBoxField({ search, ...p }: SelectBoxFieldPropsT): import("react/jsx-runtime").JSX.Element;
-export {};
+import type { SelectBoxFieldPropsT } from "./selectBoxTypes";
+export default function SelectBoxField(p: SelectBoxFieldPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectBoxField.d.ts.map

package/dist/components/SelectBox/SelectBoxField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,KAAK,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAY5E"}
+{"version":3,"file":"SelectBoxField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,oBAAoB,2CAW7D"}

package/dist/components/SelectBox/SelectBoxField.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
-export default function SelectBoxField({ search, ...p }) {
-    const { setInputFocused, inputSearch, setInputSearch } = use(SelectBoxContext);
-    return (_jsx("input", { onFocus: () => setInputFocused(true), value: search ? inputSearch : undefined, onChange: search ? (e) => setInputSearch(e.target.value) : undefined, readOnly: !search, ...p }));
+export default function SelectBoxField(p) {
+    const { multiSelect, optionValue, setInputFocused } = use(SelectBoxContext);
+    return (_jsx("input", { readOnly: true, onFocus: () => setInputFocused(true), defaultValue: multiSelect ? optionValue.map(val => val.name).join(", ") : optionValue?.name, ...p }));
 }

package/dist/components/SelectBox/SelectBoxInput.d.ts

@@ -1,5 +1,3 @@
-import { LabelHTMLAttributes } from "react";
-type SelectBoxInputPropsT = LabelHTMLAttributes<HTMLLabelElement>;
+import type { SelectBoxInputPropsT } from "./selectBoxTypes";
 export default function SelectBoxInput(p: SelectBoxInputPropsT): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=SelectBoxInput.d.ts.map

package/dist/components/SelectBox/SelectBoxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,oBAAoB,2CAE7D"}
+{"version":3,"file":"SelectBoxInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,oBAAoB,2CAE7D"}

package/dist/components/SelectBox/SelectBoxList.d.ts

@@ -1,5 +1,3 @@
-import { HTMLAttributes } from "react";
-type SelectBoxListPropsT = HTMLAttributes<HTMLDivElement>;
+import type { SelectBoxListPropsT } from "./selectBoxTypes";
 export default function SelectBoxList(p: SelectBoxListPropsT): import("react/jsx-runtime").JSX.Element | null;
-export {};
 //# sourceMappingURL=SelectBoxList.d.ts.map

package/dist/components/SelectBox/SelectBoxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxList.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,mBAAmB,kDAI3D"}
+{"version":3,"file":"SelectBoxList.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,mBAAmB,kDAI3D"}

package/dist/components/SelectBox/SelectBoxList.js

@@ -2,7 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
 export default function SelectBoxList(p) {
     const { inputFocused } = use(SelectBoxContext);
-    return inputFocused ? _jsx("div", { ...p }) : null;
+    return inputFocused ? _jsx(AccessNavigation, { focusOnMount: true, ...p }) : null;
 }

package/dist/components/SelectBox/SelectBoxOptions.d.ts

@@ -1,19 +1,3 @@
-import { ButtonHTMLAttributes, Dispatch, SetStateAction } from "react";
-import { SelectBoxOptionT } from "./types";
-type WithMultiSelect = {
-    multiSelect: true;
-    optionValue: SelectBoxOptionT[];
-    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT[]>>;
-};
-type WithSingleSelect = {
-    multiSelect?: false;
-    optionValue: SelectBoxOptionT | null;
-    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT | null>>;
-};
-type MergedSelectMode = WithMultiSelect | WithSingleSelect;
-type SelectBoxOptionsPropsT = ButtonHTMLAttributes<HTMLButtonElement> & MergedSelectMode & {
-    options: SelectBoxOptionT[];
-};
-export default function SelectBoxOptions({ options, multiSelect, optionValue, setOptionValue, ...p }: SelectBoxOptionsPropsT): import("react/jsx-runtime").JSX.Element;
-export {};
+import type { SelectBoxOptionsPropsT } from "./selectBoxTypes";
+export default function SelectBoxOptions(p: SelectBoxOptionsPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectBoxOptions.d.ts.map

package/dist/components/SelectBox/SelectBoxOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,eAAe,GAAG;IACrB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAE3D,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,gBAAgB,GAAG;IACjB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,WAAW,EACX,cAAc,EACd,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAuDxB"}
+{"version":3,"file":"SelectBoxOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxOptions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,sBAAsB,2CAsDjE"}

package/dist/components/SelectBox/SelectBoxOptions.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { use } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
-export default function SelectBoxOptions({ options, multiSelect, optionValue, setOptionValue, ...p }) {
-    const { setInputFocused, inputSearch, setInputSearch } = use(SelectBoxContext);
+export default function SelectBoxOptions(p) {
+    const { multiSelect, options, optionValue, setOptionValue, setInputFocused, inputSearch } = use(SelectBoxContext);
     const filteredOptions = [];
     const otherOptions = [];
     options.forEach((item) => {
@@ -14,32 +14,29 @@ export default function SelectBoxOptions({ options, multiSelect, optionValue, se
             otherOptions.push(item);
         }
     });
-    const renderOptions = (options, isOther) => {
-        return options.map((item) => {
-            const isSelected = multiSelect
-                ? optionValue.some((v) => v.value === item.value)
-                : optionValue?.value === item.value;
-            return (_jsx("button", { type: "button", disabled: isOther, "data-state": isSelected, onClick: () => {
-                    if (multiSelect) {
-                        if (isSelected) {
-                            setOptionValue(optionValue.filter((v) => v.value !== item.value));
-                        }
-                        else {
-                            setOptionValue([...optionValue, item]);
-                        }
+    const renderOptions = (opts, isOther) => opts.map((item) => {
+        const isSelected = multiSelect
+            ? optionValue.some((v) => v.value === item.value)
+            : optionValue?.value === item.value;
+        return (_jsx("button", { type: "button", disabled: isOther, "data-state": isSelected, onClick: () => {
+                if (multiSelect) {
+                    if (isSelected) {
+                        setOptionValue(optionValue.filter((v) => v.value !== item.value));
                     }
                     else {
-                        if (isSelected) {
-                            setOptionValue(null);
-                        }
-                        else {
-                            setOptionValue(item);
-                            setInputSearch(item.name);
-                            setInputFocused(false);
-                        }
+                        setOptionValue([...optionValue, item]);
                     }
-                }, ...p, children: item.name }, item.value));
-        });
-    };
+                }
+                else {
+                    if (isSelected) {
+                        setOptionValue(null);
+                    }
+                    else {
+                        setOptionValue(item);
+                        setInputFocused(false);
+                    }
+                }
+            }, ...p, children: item.name }, item.value));
+    });
     return (_jsxs(_Fragment, { children: [renderOptions(filteredOptions), renderOptions(otherOptions, true)] }));
 }

package/dist/components/SelectBox/SelectBoxRoot.d.ts

@@ -1,5 +1,3 @@
-import { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
-type SelectBoxRootPropsT = Omit<AccessNavigationPropsT, "direction">;
-export declare function SelectBoxRoot({ ref, ...p }: SelectBoxRootPropsT): import("react/jsx-runtime").JSX.Element;
-export {};
+import type { SelectBoxRootPropsT } from "./selectBoxTypes";
+export declare function SelectBoxRoot({ multiSelect, optionValue, setOptionValue, options, ref, ...p }: SelectBoxRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectBoxRoot.d.ts.map

package/dist/components/SelectBox/SelectBoxRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,KAAK,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AAErE,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CAgC/D"}
+{"version":3,"file":"SelectBoxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CAgClH"}

package/dist/components/SelectBox/SelectBoxRoot.js

@@ -1,24 +1,29 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useRef, useState } from "react";
+import { useRef, useState, useEffect } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
-import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
-export function SelectBoxRoot({ ref, ...p }) {
+export function SelectBoxRoot({ multiSelect, optionValue, setOptionValue, options, ref, ...p }) {
     const [inputFocused, setInputFocused] = useState(false);
     const [inputSearch, setInputSearch] = useState("");
     const selectBoxRootRef = ref || useRef(null);
     useEffect(() => {
         const handleClickOutside = (event) => {
-            if (selectBoxRootRef.current &&
-                !selectBoxRootRef.current.contains(event.target)) {
+            if (selectBoxRootRef.current && !selectBoxRootRef.current.contains(event.target)) {
                 setInputFocused(false);
             }
         };
         document.addEventListener("click", handleClickOutside);
-        return () => {
-            document.removeEventListener("click", handleClickOutside);
-        };
+        return () => document.removeEventListener("click", handleClickOutside);
     }, []);
-    return (_jsx(SelectBoxContext, { value: { inputFocused, setInputFocused, inputSearch, setInputSearch }, children: _jsx(AccessNavigation, { ref: selectBoxRootRef, ...p }) }));
+    const contextValue = {
+        multiSelect,
+        optionValue,
+        setOptionValue,
+        options,
+        inputFocused,
+        setInputFocused,
+        inputSearch,
+        setInputSearch,
+    };
+    return (_jsx(SelectBoxContext, { value: contextValue, children: _jsx("div", { ref: selectBoxRootRef, ...p }) }));
 }

package/dist/components/SelectBox/SelectBoxSearchField.d.ts

@@ -0,0 +1,3 @@
+import type { SelectBoxSearchFieldPropsT } from "./selectBoxTypes";
+export default function SelectBoxSearchField(p: SelectBoxSearchFieldPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectBoxSearchField.d.ts.map

package/dist/components/SelectBox/SelectBoxSearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxSearchField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxSearchField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,CAAC,EAAE,0BAA0B,2CAUzE"}

package/dist/components/SelectBox/SelectBoxSearchField.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { SelectBoxContext } from "./SelectBoxContext";
+export default function SelectBoxSearchField(p) {
+    const { inputSearch, setInputSearch } = use(SelectBoxContext);
+    return (_jsx("input", { value: inputSearch, onChange: ev => setInputSearch(ev.target.value), ...p }));
+}

package/dist/components/SelectBox/SelectBoxSearchInput.d.ts

@@ -0,0 +1,3 @@
+import type { SelectBoxSearchInputPropsT } from "./selectBoxTypes";
+export default function SelectBoxSearchInput(p: SelectBoxSearchInputPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectBoxSearchInput.d.ts.map

package/dist/components/SelectBox/SelectBoxSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,CAAC,EAAE,0BAA0B,2CAIzE"}

package/dist/components/SelectBox/SelectBoxSearchInput.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SelectBoxSearchInput(p) {
+    return (_jsx("label", { ...p }));
+}

package/dist/components/SelectBox/selectBoxTypes.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentProps, ComponentPropsWithoutRef, Dispatch, RefObject, SetStateAction } from "react";
+import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export type SelectBoxOptionT = {
+    name: string;
+    value: string;
+};
+export type WithMultiSelect = {
+    multiSelect: true;
+    optionValue: SelectBoxOptionT[];
+    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT[]>>;
+};
+export type WithSingleSelect = {
+    multiSelect?: false;
+    optionValue: SelectBoxOptionT | null;
+    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT | null>>;
+};
+export type MergedSelectMode = WithMultiSelect | WithSingleSelect;
+export type SelectBoxContextT = MergedSelectMode & {
+    inputFocused: boolean;
+    setInputFocused: Dispatch<SetStateAction<boolean>>;
+    inputSearch: string;
+    setInputSearch: Dispatch<SetStateAction<string>>;
+    options: SelectBoxOptionT[];
+};
+export type SelectBoxRootPropsT = ComponentPropsWithoutRef<"div"> & MergedSelectMode & {
+    ref?: RefObject<HTMLDivElement | null>;
+    options: SelectBoxOptionT[];
+};
+export type SelectBoxFieldPropsT = ComponentProps<"input">;
+export type SelectBoxSearchFieldPropsT = ComponentProps<"input">;
+export type SelectBoxSearchInputPropsT = ComponentProps<"label">;
+export type SelectBoxInputPropsT = ComponentProps<"label">;
+export type SelectBoxListPropsT = Omit<AccessNavigationPropsT, "direction" | "focusOnMount">;
+export type SelectBoxOptionsPropsT = ComponentProps<"button">;
+//# sourceMappingURL=selectBoxTypes.d.ts.map

package/dist/components/SelectBox/selectBoxTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectBoxTypes.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/selectBoxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAC/D,gBAAgB,GAAG;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACtC,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAE7F,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}

package/dist/components/SelectBox/selectBoxTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Sheet/SheetBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAuCjE"}
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAC;AAKzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAqDjE"}

package/dist/components/Sheet/SheetBody.js

@@ -1,17 +1,28 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
+import { use, useEffect, useRef } from "react";
 import { motion, useDragControls } from "framer-motion";
 import { SheetContext } from "./SheetContext";
+import { FRAMER_MOTION_DURATION } from "../../configs";
 export function SheetBody({ onPointerDown, ...p }) {
     const controls = useDragControls();
-    const { y, closeHandler: handleClose } = use(SheetContext);
-    return (_jsx(motion.div, { id: "sheet", onClick: (ev) => ev.stopPropagation(), initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "100%" }, style: { y }, drag: "y", dragListener: false, dragControls: controls, onPointerDown: (ev) => {
+    const { isOpen, y, closeHandler: handleClose } = use(SheetContext);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-sheet='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
+        }
+    }, [isOpen]);
+    return (_jsx(motion.div, { id: "sheet", ref: bodyRef, onClick: (ev) => ev.stopPropagation(), initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "100%" }, style: { y }, drag: "y", dragListener: false, dragControls: controls, onPointerDown: (ev) => {
             ev.stopPropagation();
             controls?.start(ev);
             onPointerDown?.(ev);
         }, transition: {
             ease: "easeInOut",
+            duration: FRAMER_MOTION_DURATION
         }, onDragEnd: () => {
             if ((y?.get() || 0) >= 100) {
                 handleClose();

package/dist/components/Sheet/SheetContent.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type SheetContentPropsT = HTMLAttributes<HTMLDivElement>;
+import type { ComponentProps } from "react";
+export type SheetContentPropsT = ComponentProps<"div">;
 export declare function SheetContent({ style, onScroll, ...p }: SheetContentPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetContent.d.ts.map

package/dist/components/Sheet/SheetContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAmBzE"}
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAmBzE"}

package/dist/components/Sheet/SheetContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SheetContent({ style, onScroll, ...p }) {
     return (_jsx("div", { style: {

package/dist/components/Sheet/SheetHandlebar.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type SheetHandlebarPropsT = HTMLAttributes<HTMLDivElement>;
+import type { ComponentProps } from "react";
+export type SheetHandlebarPropsT = ComponentProps<"div">;
 export declare function SheetHandlebar({ ...p }: SheetHandlebarPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetHandlebar.d.ts.map

package/dist/components/Sheet/SheetHandlebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetHandlebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHandlebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,wBAAgB,cAAc,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAE5D"}
+{"version":3,"file":"SheetHandlebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHandlebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,cAAc,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAE5D"}

package/dist/components/Sheet/SheetHeader.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type SheetHeaderPropsT = HTMLAttributes<HTMLDivElement>;
+import type { ComponentProps } from "react";
+export type SheetHeaderPropsT = ComponentProps<"div">;
 export declare function SheetHeader({ ...p }: SheetHeaderPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetHeader.d.ts.map

package/dist/components/Sheet/SheetHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAEtD"}
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAEtD"}

package/dist/components/Sheet/SheetRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA8CtD"}
+{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAkEtD"}

package/dist/components/Sheet/SheetRoot.js

@@ -4,26 +4,44 @@ import { usePathname } from "next/navigation";
 import { useMotionValue, useAnimate } from "framer-motion";
 import { useEffect, useState } from "react";
 import { SheetContext } from "./SheetContext";
+import { getBrowserScrollbarWith } from "../../utils";
 export function SheetRoot({ children }) {
     const pathname = usePathname();
     const y = useMotionValue(0);
     const [scope, animate] = useAnimate();
     const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape") {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+            document.body.style.overflow = "unset";
+        };
+    }, []);
     useEffect(() => {
         setOpen(false);
     }, [pathname]);
     useEffect(() => {
+        const scrollbarWidth = getBrowserScrollbarWith();
         const bodyElem = document.body;
-        const removeOverflow = () => {
+        const removeOverStyles = () => {
             bodyElem.style.overflow = "unset";
+            bodyElem.style.overflow = "unset";
+            bodyElem.style.paddingRight = "0px";
         };
         if (isOpen) {
             bodyElem.style.overflow = "hidden";
+            bodyElem.style.overflow = "hidden";
+            bodyElem.style.paddingRight = `${scrollbarWidth}px`;
         }
         else {
-            removeOverflow();
+            removeOverStyles();
         }
-        return () => removeOverflow();
+        return () => removeOverStyles();
     }, [isOpen]);
     const closeHandler = async () => {
         animate(scope.current, {

package/dist/components/Sheet/SheetToggle.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type SheetTogglePropsT = HTMLAttributes<HTMLButtonElement>;
+import { type ComponentProps } from "react";
+export type SheetTogglePropsT = ComponentProps<"button">;
 export declare function SheetToggle({ onClick, ...props }: SheetTogglePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetToggle.d.ts.map

package/dist/components/Sheet/SheetToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAElE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}
+{"version":3,"file":"SheetToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEzD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

package/dist/components/ShowMore/ShowMoreContent.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type ShowMoreContentPropsT = HTMLAttributes<HTMLDivElement>;
+import { type ComponentProps } from "react";
+export type ShowMoreContentPropsT = ComponentProps<"div">;
 export declare function ShowMoreContent({ children, style, ...props }: ShowMoreContentPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ShowMoreContent.d.ts.map

package/dist/components/ShowMore/ShowMoreContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreContent.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAuBnF"}
+{"version":3,"file":"ShowMoreContent.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAuBnF"}

package/dist/components/ShowMore/ShowMoreFade.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type ShowMoreFadePropsT = HTMLAttributes<HTMLDivElement>;
+import { type ComponentProps } from "react";
+export type ShowMoreFadePropsT = ComponentProps<"div">;
 export declare function ShowMoreFade(p: ShowMoreFadePropsT): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ShowMoreFade.d.ts.map

package/dist/components/ShowMore/ShowMoreFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreFade.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,kDAQjD"}
+{"version":3,"file":"ShowMoreFade.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,kDAQjD"}

package/dist/components/ShowMore/ShowMoreRoot.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-export type ShowMoreRootPropsT = HTMLAttributes<HTMLDivElement> & {
+import { type ComponentProps } from "react";
+export type ShowMoreRootPropsT = ComponentProps<"div"> & {
     maxLines: number;
     defaultExpanded?: boolean;
 };

package/dist/components/ShowMore/ShowMoreRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAwBlG"}
+{"version":3,"file":"ShowMoreRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAwBlG"}

package/dist/components/ShowMore/ShowMoreToggle.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from "react";
-export type ShowMoreTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+import { type ComponentProps } from "react";
+export type ShowMoreTogglePropsT = ComponentProps<"button">;
 export declare function ShowMoreToggle({ onClick, style, ...p }: ShowMoreTogglePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ShowMoreToggle.d.ts.map

package/dist/components/ShowMore/ShowMoreToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3E,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAgB5E"}
+{"version":3,"file":"ShowMoreToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE5D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAgB5E"}

package/dist/components/Spoiler/SpoilerBlur.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type SpoilerBlurPropsT = HTMLAttributes<HTMLSpanElement>;
-export declare function SpoilerBlur({ className, ...p }: SpoilerBlurPropsT): import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+export type SpoilerBlurPropsT = ComponentProps<"span">;
+export declare function SpoilerBlur(p: SpoilerBlurPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SpoilerBlur.d.ts.map

package/dist/components/Spoiler/SpoilerBlur.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpoilerBlur.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/SpoilerBlur.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAYjE"}
+{"version":3,"file":"SpoilerBlur.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/SpoilerBlur.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,2CAS/C"}

package/dist/components/Spoiler/SpoilerBlur.js

@@ -1,9 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
-import { cn } from "../../utils";
 import { SpoilerContext } from "./SpoilerContext";
-export function SpoilerBlur({ className, ...p }) {
+export function SpoilerBlur(p) {
     const { isOpen } = use(SpoilerContext);
-    return (_jsx("span", { className: cn(isOpen ? "spoiler-active" : null, className), ...p }));
+    return (_jsx("span", { "data-state": isOpen, ...p }));
 }