@kadoui/react 2.1.3 → 2.1.4

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

@@ -1,9 +1,11 @@
 import { ChoiceRoot } from "./ChoiceRoot";
-import { ChoiceTrigger } from "./ChoiceTrigger";
+import { ChoiceThumb } from "./ChoiceThumb";
+import { ChoiceToggle } from "./ChoiceToggle";
 import { ChoiceNavigation } from "./ChoiceNavigation";
 export declare const Choice: typeof ChoiceRoot & {
     Navigation: typeof ChoiceNavigation;
-    Trigger: typeof ChoiceTrigger;
+    Toggle: typeof ChoiceToggle;
+    Thumb: typeof ChoiceThumb;
 };
 export * from "./choiceTypes";
 //# sourceMappingURL=Choice.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,MAAM;;;CAGjB,CAAC;AAEH,cAAc,eAAe,CAAC"}
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,MAAM;;;;CAIjB,CAAC;AAEH,cAAc,eAAe,CAAC"}

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

@@ -1,8 +1,10 @@
 import { ChoiceRoot } from "./ChoiceRoot";
-import { ChoiceTrigger } from "./ChoiceTrigger";
+import { ChoiceThumb } from "./ChoiceThumb";
+import { ChoiceToggle } from "./ChoiceToggle";
 import { ChoiceNavigation } from "./ChoiceNavigation";
 export const Choice = Object.assign(ChoiceRoot, {
     Navigation: ChoiceNavigation,
-    Trigger: ChoiceTrigger,
+    Toggle: ChoiceToggle,
+    Thumb: ChoiceThumb
 });
 export * from "./choiceTypes";

package/dist/react-components/Choice/ChoiceThumb.d.ts

@@ -0,0 +1,3 @@
+import { ChoiceThumbPropsT } from "./choiceTypes";
+export declare function ChoiceThumb(p: ChoiceThumbPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChoiceThumb.d.ts.map

package/dist/react-components/Choice/ChoiceThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceThumb.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceThumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,WAAW,CAAC,CAAC,EAAE,iBAAiB,2CAI/C"}

package/dist/react-components/Choice/ChoiceThumb.js

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

package/dist/react-components/Choice/ChoiceToggle.d.ts

@@ -0,0 +1,3 @@
+import type { ChoiceTriggerPropsT } from "./choiceTypes";
+export declare function ChoiceToggle({ choiceName, onClick, ...p }: ChoiceTriggerPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChoiceToggle.d.ts.map

package/dist/react-components/Choice/ChoiceToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,OAAO,EACP,GAAG,CAAC,EACL,EAAE,mBAAmB,2CAiCrB"}

package/dist/react-components/Choice/ChoiceToggle.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ChoiceContext } from "./ChoiceContext";
+export function ChoiceToggle({ choiceName, onClick, ...p }) {
+    const { multiple, activeChoice, setActiveChoice, requiredOne } = use(ChoiceContext);
+    const isActive = multiple
+        ? activeChoice.includes(choiceName)
+        : activeChoice === choiceName;
+    return (_jsx("button", { "data-state": isActive, onClick: (ev) => {
+            onClick?.(ev);
+            if (isActive) {
+                if (multiple) {
+                    if (!requiredOne || activeChoice.length > 1) {
+                        setActiveChoice((prev) => prev.filter((item) => item !== choiceName));
+                    }
+                }
+                else {
+                    if (!requiredOne) {
+                        setActiveChoice(null);
+                    }
+                }
+            }
+            else {
+                if (multiple) {
+                    setActiveChoice((prev) => [...prev, choiceName]);
+                }
+                else {
+                    setActiveChoice(choiceName);
+                }
+            }
+        }, ...p }));
+}

package/dist/react-components/Choice/choiceTypes.d.ts

@@ -19,5 +19,6 @@ export type ChoiceTriggerPropsT = ComponentProps<"button"> & {
     choiceName: string;
 };
 export type ChoiceNavigationPropsT = AccessNavigationPropsT;
+export type ChoiceThumbPropsT = ComponentProps<"span">;
 export {};
 //# sourceMappingURL=choiceTypes.d.ts.map

package/dist/react-components/Choice/choiceTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"choiceTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/choiceTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,IAAI,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"choiceTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/choiceTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,IAAI,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC"}

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

@@ -2,7 +2,7 @@ import { ModalRoot } from "./ModalRoot";
 import { ModalBody } from "./ModalBody";
 import { ModalHeader } from "./ModalHeader";
 import { ModalPortal } from "./ModalPortal";
-import { ModalToggle } from "./ModalTrigger";
+import { ModalToggle } from "./ModalToggle";
 import { ModalContent } from "./ModalContent";
 export declare const Modal: typeof ModalRoot & {
     Toggle: typeof ModalToggle;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/Modal.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,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,cAAc,cAAc,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/Modal.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;AAE9C,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,cAAc,cAAc,CAAC"}

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

@@ -2,7 +2,7 @@ import { ModalRoot } from "./ModalRoot";
 import { ModalBody } from "./ModalBody";
 import { ModalHeader } from "./ModalHeader";
 import { ModalPortal } from "./ModalPortal";
-import { ModalToggle } from "./ModalTrigger";
+import { ModalToggle } from "./ModalToggle";
 import { ModalContent } from "./ModalContent";
 export const Modal = Object.assign(ModalRoot, {
     Toggle: ModalToggle,

package/dist/react-components/Modal/ModalToggle.d.ts

@@ -0,0 +1,3 @@
+import type { ModalTogglePropsT } from "./modalTypes";
+export declare function ModalToggle({ onClick, ...props }: ModalTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalToggle.d.ts.map

package/dist/react-components/Modal/ModalToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

package/dist/react-components/Modal/ModalToggle.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ModalContext } from "./ModalContext";
+export function ModalToggle({ onClick, ...props }) {
+    const { setOpen } = use(ModalContext);
+    return (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            setOpen((prev) => !prev);
+        }, ...props }));
+}