@kadoui/react 1.11.16 → 2.0.1

package/dist/react-components/Progress/Progress.d.ts

@@ -0,0 +1,6 @@
+import { ProgressBar } from "./ProgressBar";
+import { ProgressRoot } from "./ProgressRoot";
+export declare const Progress: typeof ProgressRoot & {
+    Bar: typeof ProgressBar;
+};
+//# sourceMappingURL=Progress.d.ts.map

package/dist/react-components/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/react-components/Progress/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/react-components/Progress/Progress.js

@@ -0,0 +1,5 @@
+import { ProgressBar } from "./ProgressBar";
+import { ProgressRoot } from "./ProgressRoot";
+export const Progress = Object.assign(ProgressRoot, {
+    Bar: ProgressBar
+});

package/dist/react-components/Progress/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+import { HTMLMotionProps } from "framer-motion";
+export type ProgressBarPropsT = HTMLMotionProps<"div"> & {
+    duration?: number;
+};
+export declare function ProgressBar({ duration, children, ...p }: ProgressBarPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/react-components/Progress/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/react-components/Progress/ProgressBar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAe1E"}

package/dist/react-components/Progress/ProgressBar.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { motion } from "framer-motion";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressBar({ duration, children, ...p }) {
+    const { value, maxValue } = use(ProgressContext);
+    const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
+    return (_jsx(motion.div, { initial: { width: 0 }, whileInView: { width: `${percentage}%` }, transition: { duration: duration || 3 }, ...p, children: children || _jsxs("span", { className: "text-xs", children: [percentage, "%"] }) }));
+}

package/dist/react-components/Progress/ProgressContext.d.ts

@@ -0,0 +1,6 @@
+export type ProgressContextT = {
+    value: number;
+    maxValue: number;
+};
+export declare const ProgressContext: import("react").Context<ProgressContextT>;
+//# sourceMappingURL=ProgressContext.d.ts.map

package/dist/react-components/Progress/ProgressContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Progress/ProgressContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,eAAe,2CAA0D,CAAC"}

package/dist/react-components/Progress/ProgressContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const ProgressContext = createContext({});

package/dist/react-components/Progress/ProgressRoot.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from "react";
+export type ProgressRootPropsT = ComponentProps<"div"> & {
+    value: number;
+    maxValue?: number;
+};
+export declare function ProgressRoot({ value, maxValue, ...p }: ProgressRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressRoot.d.ts.map

package/dist/react-components/Progress/ProgressRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAM/E"}

package/dist/react-components/Progress/ProgressRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressRoot({ value, maxValue = 100, ...p }) {
+    return (_jsx(ProgressContext, { value: { value, maxValue }, children: _jsx("div", { ...p }) }));
+}

package/dist/react-components/QrCode/QrCode.d.ts

@@ -0,0 +1,8 @@
+import { QRCodeRenderersOptions } from "qrcode";
+import { type ComponentProps } from "react";
+export type QrCodePropsT = ComponentProps<"canvas"> & {
+    value: string;
+    options?: QRCodeRenderersOptions;
+};
+export declare function QrCode({ value, options, ...p }: QrCodePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QrCode.d.ts.map

package/dist/react-components/QrCode/QrCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/react-components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,GAAG,CAAC,EAAE,EAAE,YAAY,2CAgBjE"}

package/dist/react-components/QrCode/QrCode.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import QRCode from "qrcode";
+import { useEffect, useRef } from "react";
+export function QrCode({ value, options = {}, ...p }) {
+    const canvasRef = useRef(null);
+    useEffect(() => {
+        console.log(value);
+        QRCode.toCanvas(canvasRef.current, value, options, function (error) {
+            if (error)
+                console.error(error);
+        });
+    }, [value, options]);
+    return (_jsx("canvas", { ref: canvasRef, ...p }));
+}

package/dist/react-components/Rating/Rating.d.ts

@@ -0,0 +1,5 @@
+import { RatingItems } from "./RatingItems";
+export declare const Rating: ((p: import("./RatingRoot").RatingRootPropsT) => import("react/jsx-runtime").JSX.Element) & {
+    Items: typeof RatingItems;
+};
+//# sourceMappingURL=Rating.d.ts.map

package/dist/react-components/Rating/Rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/react-components/Rating/Rating.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/react-components/Rating/Rating.js

@@ -0,0 +1,5 @@
+import { RatingRoot } from "./RatingRoot";
+import { RatingItems } from "./RatingItems";
+export const Rating = Object.assign(RatingRoot, {
+    Items: RatingItems
+});

package/dist/react-components/Rating/RatingContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export type RatingContextT = {
+    hoverValue: number | null;
+    setHoverValue: Dispatch<SetStateAction<number | null>>;
+};
+export declare const RatingContext: import("react").Context<RatingContextT>;
+//# sourceMappingURL=RatingContext.d.ts.map

package/dist/react-components/Rating/RatingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Rating/RatingContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACxD,CAAA;AAED,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/react-components/Rating/RatingContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const RatingContext = createContext({});

package/dist/react-components/Rating/RatingItems.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentProps, ReactNode } from "react";
+export type RatingItemsPropsT = ComponentProps<"button"> & {
+    count: number;
+    value: number;
+    onValueChange: (newValue: number) => void;
+    element: ReactNode;
+    activeElement: ReactNode;
+};
+export declare function RatingItems({ count, value, onValueChange, element, activeElement, ...p }: RatingItemsPropsT): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=RatingItems.d.ts.map

package/dist/react-components/Rating/RatingItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingItems.d.ts","sourceRoot":"","sources":["../../../src/react-components/Rating/RatingItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,6CA0B3G"}

package/dist/react-components/Rating/RatingItems.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { RatingContext } from "./RatingContext";
+export function RatingItems({ count, value, onValueChange, element, activeElement, ...p }) {
+    const { hoverValue, setHoverValue } = use(RatingContext);
+    const displayValue = hoverValue !== null ? hoverValue : value;
+    return (Array.from({ length: count }).map((_, index) => {
+        const itemValue = index + 1;
+        const isActive = itemValue <= displayValue;
+        return (_jsx("button", { role: "radio", type: "button", "aria-checked": itemValue === value, onClick: () => onValueChange(itemValue), onMouseEnter: () => setHoverValue(itemValue), "aria-label": `${itemValue} out of ${count} stars`, ...p, children: isActive ? activeElement : element }, index));
+    }));
+}

package/dist/react-components/Rating/RatingRoot.d.ts

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

package/dist/react-components/Rating/RatingRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Rating/RatingRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,eAAO,MAAM,UAAU,GAAI,GAAG,gBAAgB,4CAW7C,CAAA"}

package/dist/react-components/Rating/RatingRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { RatingContext } from "./RatingContext";
+export const RatingRoot = (p) => {
+    const [hoverValue, setHoverValue] = useState(null);
+    return (_jsx(RatingContext, { value: { hoverValue, setHoverValue }, children: _jsx("div", { onMouseLeave: () => setHoverValue(null), ...p }) }));
+};

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

@@ -0,0 +1,17 @@
+import SelectBoxList from "./SelectBoxList";
+import SelectBoxField from "./SelectBoxField";
+import SelectBoxInput from "./SelectBoxInput";
+import { SelectBoxRoot } from "./SelectBoxRoot";
+import SelectBoxOptions from "./SelectBoxOptions";
+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/react-components/SelectBox/SelectBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/SelectBox/SelectBox.js

@@ -0,0 +1,16 @@
+import SelectBoxList from "./SelectBoxList";
+import SelectBoxField from "./SelectBoxField";
+import SelectBoxInput from "./SelectBoxInput";
+import { SelectBoxRoot } from "./SelectBoxRoot";
+import SelectBoxOptions from "./SelectBoxOptions";
+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/react-components/SelectBox/SelectBoxContext.d.ts

@@ -0,0 +1,3 @@
+import type { SelectBoxContextT } from "./selectBoxTypes";
+export declare const SelectBoxContext: import("react").Context<SelectBoxContextT>;
+//# sourceMappingURL=SelectBoxContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,gBAAgB,4CAAyC,CAAC"}

package/dist/react-components/SelectBox/SelectBoxContext.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxField.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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(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/react-components/SelectBox/SelectBoxInput.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxInput.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-components/SelectBox/SelectBoxList.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxList.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/SelectBox/SelectBoxList.js

@@ -0,0 +1,9 @@
+"use client";
+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(AccessNavigation, { focusOnMount: true, direction: "y", ...p }) : null;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxOptions.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/SelectBox/SelectBoxOptions.js

@@ -0,0 +1,42 @@
+"use client";
+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(p) {
+    const { multiSelect, options, optionValue, setOptionValue, setInputFocused, inputSearch } = 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 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 {
+                        setOptionValue([...optionValue, item]);
+                    }
+                }
+                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/react-components/SelectBox/SelectBoxRoot.d.ts

@@ -0,0 +1,3 @@
+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/react-components/SelectBox/SelectBoxRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxRoot.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/SelectBox/SelectBoxRoot.js

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

package/dist/react-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/react-components/SelectBox/SelectBoxSearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxSearchField.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-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/react-components/SelectBox/SelectBoxSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBoxSearchInput.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-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/react-components/SelectBox/selectBoxTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectBoxTypes.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/SelectBox/selectBoxTypes.js

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

package/dist/react-components/Sheet/Sheet.d.ts

@@ -0,0 +1,16 @@
+import { SheetBody } from "./SheetBody";
+import { SheetRoot } from "./SheetRoot";
+import { SheetHeader } from "./SheetHeader";
+import { SheetPortal } from "./SheetPortal";
+import { SheetToggle } from "./SheetToggle";
+import { SheetContent } from "./SheetContent";
+import { SheetHandlebar } from "./SheetHandlebar";
+export declare const Sheet: typeof SheetRoot & {
+    Portal: typeof SheetPortal;
+    Body: typeof SheetBody;
+    Header: typeof SheetHeader;
+    Handlebar: typeof SheetHandlebar;
+    Content: typeof SheetContent;
+    Toggle: typeof SheetToggle;
+};
+//# sourceMappingURL=Sheet.d.ts.map

package/dist/react-components/Sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/Sheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}

package/dist/react-components/Sheet/Sheet.js

@@ -0,0 +1,15 @@
+import { SheetBody } from "./SheetBody";
+import { SheetRoot } from "./SheetRoot";
+import { SheetHeader } from "./SheetHeader";
+import { SheetPortal } from "./SheetPortal";
+import { SheetToggle } from "./SheetToggle";
+import { SheetContent } from "./SheetContent";
+import { SheetHandlebar } from "./SheetHandlebar";
+export const Sheet = Object.assign(SheetRoot, {
+    Portal: SheetPortal,
+    Body: SheetBody,
+    Header: SheetHeader,
+    Handlebar: SheetHandlebar,
+    Content: SheetContent,
+    Toggle: SheetToggle,
+});

package/dist/react-components/Sheet/SheetBody.d.ts

@@ -0,0 +1,4 @@
+import { HTMLMotionProps } from "framer-motion";
+export type SheetBodyPropsT = HTMLMotionProps<"div">;
+export declare function SheetBody({ onPointerDown, ...p }: SheetBodyPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Sheet/SheetBody.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 { 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();
+            }
+        }, dragConstraints: {
+            top: 0,
+            bottom: 0,
+        }, dragElastic: {
+            top: 0,
+            bottom: 0.5,
+        }, ...p }));
+}

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

@@ -0,0 +1,4 @@
+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/react-components/Sheet/SheetContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Sheet/SheetContent.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SheetContent({ style, onScroll, ...p }) {
+    return (_jsx("div", { style: {
+            touchAction: "pan-down",
+            ...style,
+        }, onScroll: (ev) => {
+            if (ev.currentTarget.scrollTop > 0) {
+                ev.currentTarget.style.touchAction = "pan-y";
+            }
+            else {
+                ev.currentTarget.style.touchAction = "pan-down";
+            }
+            onScroll?.(ev);
+        }, ...p }));
+}

package/dist/react-components/Sheet/SheetContext.d.ts

@@ -0,0 +1,11 @@
+import { AnimationScope, MotionValue } from "framer-motion";
+import { Dispatch, SetStateAction } from "react";
+export type SheetContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    closeHandler: () => void;
+    scope?: AnimationScope<any>;
+    y?: MotionValue<number>;
+};
+export declare const SheetContext: import("react").Context<SheetContextT>;
+//# sourceMappingURL=SheetContext.d.ts.map

package/dist/react-components/Sheet/SheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}