@kadoui/react 1.9.13 → 1.10.13

package/dist/components/AccessNavigation/AccessNavigation.d.ts

@@ -1,6 +1,8 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, RefObject } from "react";
 export type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
+    ref?: RefObject<HTMLDivElement | null>;
+    focusOnMount?: boolean;
     direction?: "y" | "x";
 };
-export declare function AccessNavigation({ direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function AccessNavigation({ ref, focusOnMount, direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccessNavigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,2CAoCjG"}
+{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAkExB"}

package/dist/components/AccessNavigation/AccessNavigation.js

@@ -1,26 +1,46 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { selectAccessibleChildren } from "../../utils";
-export function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }) {
+export function AccessNavigation({ ref, focusOnMount, direction = "y", dir, onKeyDown, ...p }) {
+    const accessNavigationRef = ref || useRef(null);
+    useEffect(() => {
+        if (!accessNavigationRef.current)
+            return;
+        const focusableChildren = selectAccessibleChildren(accessNavigationRef.current);
+        if (focusOnMount) {
+            focusableChildren[0]?.focus();
+        }
+    }, []);
     const handleKeyDown = (ev) => {
         const focusableChildren = selectAccessibleChildren(ev.currentTarget);
         if (!focusableChildren.length) {
             return;
         }
-        const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
+        const currentDir = (dir ||
+            document.documentElement.getAttribute("dir") ||
+            "ltr");
         const currentIndex = focusableChildren.findIndex((item) => item === document.activeElement);
-        if (ev.key === (direction === "y" ? "ArrowDown" : (currentDir === "ltr" ? "ArrowRight" : "ArrowLeft"))) {
+        if (ev.key ===
+            (direction === "y"
+                ? "ArrowDown"
+                : currentDir === "ltr"
+                    ? "ArrowRight"
+                    : "ArrowLeft")) {
             ev.preventDefault();
-            const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1 ? 0 : currentIndex + 1;
+            const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1
+                ? 0
+                : currentIndex + 1;
             focusableChildren[nextIndex]?.focus();
         }
-        if (ev.key === (direction === "y" ? "ArrowUp" : (currentDir === "ltr" ? "ArrowLeft" : "ArrowRight"))) {
+        if (ev.key ===
+            (direction === "y" ? "ArrowUp" : currentDir === "ltr" ? "ArrowLeft" : "ArrowRight")) {
             ev.preventDefault();
             const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
             focusableChildren[prevIndex]?.focus();
         }
     };
-    return (_jsx("div", { dir: dir, onKeyDown: ev => {
+    return (_jsx("div", { dir: dir, ref: accessNavigationRef, onKeyDown: (ev) => {
             onKeyDown?.(ev);
             handleKeyDown(ev);
         }, ...p }));

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

@@ -0,0 +1,13 @@
+import SelectBoxList from "./SelectBoxList";
+import SelectBoxField from "./SelectBoxField";
+import SelectBoxInput from "./SelectBoxInput";
+import { SelectBoxRoot } from "./SelectBoxRoot";
+import SelectBoxOptions from "./SelectBoxOptions";
+export * from "./types";
+export declare const SelectBox: typeof SelectBoxRoot & {
+    Input: typeof SelectBoxInput;
+    Field: typeof SelectBoxField;
+    List: typeof SelectBoxList;
+    Options: typeof SelectBoxOptions;
+};
+//# sourceMappingURL=SelectBox.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBox.js

@@ -0,0 +1,12 @@
+import SelectBoxList from "./SelectBoxList";
+import SelectBoxField from "./SelectBoxField";
+import SelectBoxInput from "./SelectBoxInput";
+import { SelectBoxRoot } from "./SelectBoxRoot";
+import SelectBoxOptions from "./SelectBoxOptions";
+export * from "./types";
+export const SelectBox = Object.assign(SelectBoxRoot, {
+    Input: SelectBoxInput,
+    Field: SelectBoxField,
+    List: SelectBoxList,
+    Options: SelectBoxOptions,
+});

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

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

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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBoxContext.js

@@ -0,0 +1,3 @@
+"use client";
+import { createContext } from "react";
+export const SelectBoxContext = createContext({});

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

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

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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBoxField.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 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 }));
+}

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

@@ -0,0 +1,5 @@
+import { LabelHTMLAttributes } from "react";
+type SelectBoxInputPropsT = LabelHTMLAttributes<HTMLLabelElement>;
+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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBoxInput.js

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

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from "react";
+type SelectBoxListPropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBoxList.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 SelectBoxList(p) {
+    const { inputFocused } = use(SelectBoxContext);
+    return inputFocused ? _jsx("div", { ...p }) : null;
+}

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

@@ -0,0 +1,19 @@
+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 {};
+//# sourceMappingURL=SelectBoxOptions.d.ts.map

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

@@ -0,0 +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,6CA+CxB"}

package/dist/components/SelectBox/SelectBoxOptions.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } 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);
+    const filteredOptions = [];
+    const otherOptions = [];
+    options.forEach((item) => {
+        if (item.name.toLowerCase().includes(inputSearch.toLowerCase().trim())) {
+            filteredOptions.push(item);
+        }
+        else {
+            otherOptions.push(item);
+        }
+    });
+    const currentOptions = [...filteredOptions, ...otherOptions];
+    return currentOptions.map((item) => {
+        const isSelected = multiSelect
+            ? optionValue.some((v) => v.value === item.value)
+            : optionValue?.value === item.value;
+        return (_jsx("button", { type: "button", "data-state": isSelected, onClick: () => {
+                if (multiSelect) {
+                    if (isSelected) {
+                        setOptionValue(optionValue.filter((v) => v.value !== item.value));
+                    }
+                    else {
+                        setOptionValue([...optionValue, item]);
+                    }
+                }
+                else {
+                    if (isSelected) {
+                        setOptionValue(null);
+                    }
+                    else {
+                        setOptionValue(item);
+                        setInputSearch(item.name);
+                        setInputFocused(false);
+                    }
+                }
+            }, ...p, children: item.name }, item.value));
+    });
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/SelectBox/SelectBoxRoot.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useRef, useState } from "react";
+import { SelectBoxContext } from "./SelectBoxContext";
+import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
+export function SelectBoxRoot({ 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)) {
+                setInputFocused(false);
+            }
+        };
+        document.addEventListener("click", handleClickOutside);
+        return () => {
+            document.removeEventListener("click", handleClickOutside);
+        };
+    }, []);
+    return (_jsx(SelectBoxContext, { value: { inputFocused, setInputFocused, inputSearch, setInputSearch }, children: _jsx(AccessNavigation, { ref: selectBoxRootRef, ...p }) }));
+}

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

@@ -0,0 +1,5 @@
+export type SelectBoxOptionT = {
+    name: string;
+    value: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/components/SelectBox/types.js

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

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from "./components/Portal/Portal";
 export * from "./components/Progress/Progress";
 export * from "./components/QrCode/QrCode";
 export * from "./components/Rating/Rating";
+export * from "./components/SelectBox/SelectBox";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC"}

package/dist/index.js

@@ -16,6 +16,7 @@ export * from "./components/Portal/Portal";
 export * from "./components/Progress/Progress";
 export * from "./components/QrCode/QrCode";
 export * from "./components/Rating/Rating";
+export * from "./components/SelectBox/SelectBox";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.9.13",
+  "version": "1.10.13",
   "description": "Kadoui primitive components for React",
   "author": "FarzadVav",
   "license": "MIT",