@kadoui/react 1.10.15 → 1.11.15

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

@@ -0,0 +1,6 @@
+import { ChoiceRoot } from "./ChoiceRoot";
+import { ChoiceTrigger } from "./ChoiceTrigger";
+export declare const Choice: typeof ChoiceRoot & {
+    Trigger: typeof ChoiceTrigger;
+};
+//# sourceMappingURL=Choice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/components/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Choice/Choice.js

@@ -0,0 +1,5 @@
+import { ChoiceRoot } from "./ChoiceRoot";
+import { ChoiceTrigger } from "./ChoiceTrigger";
+export const Choice = Object.assign(ChoiceRoot, {
+    Trigger: ChoiceTrigger,
+});

package/dist/components/Choice/ChoiceContext.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from "react";
+type MultiModeT = {
+    multiple: true;
+    activeChoice: string[];
+    setActiveChoice: Dispatch<SetStateAction<string[]>>;
+};
+type SingleModeT = {
+    multiple?: false;
+    activeChoice: string | null;
+    setActiveChoice: Dispatch<SetStateAction<string | null>>;
+};
+type MergedModeT = SingleModeT | MultiModeT;
+export type ChoiceContextT = MergedModeT & {
+    requiredOne?: boolean;
+};
+export declare const ChoiceContext: import("react").Context<ChoiceContextT>;
+export {};
+//# sourceMappingURL=ChoiceContext.d.ts.map

package/dist/components/Choice/ChoiceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceContext.d.ts","sourceRoot":"","sources":["../../../src/components/Choice/ChoiceContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,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,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/components/Choice/ChoiceContext.js

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

package/dist/components/Choice/ChoiceRoot.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { ChoiceContextT } from "./ChoiceContext";
+type ChoiceRootPropsT = ComponentProps<"div"> & ChoiceContextT;
+export declare function ChoiceRoot({ multiple, activeChoice, setActiveChoice, requiredOne, ...p }: ChoiceRootPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChoiceRoot.d.ts.map

package/dist/components/Choice/ChoiceRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Choice/ChoiceRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAE/D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,GAAG,CAAC,EACL,EAAE,gBAAgB,2CAOlB"}

package/dist/components/Choice/ChoiceRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChoiceContext } from "./ChoiceContext";
+export function ChoiceRoot({ multiple, activeChoice, setActiveChoice, requiredOne, ...p }) {
+    return (_jsx(ChoiceContext, { value: { multiple, activeChoice, setActiveChoice, requiredOne }, children: _jsx("div", { ...p }) }));
+}

package/dist/components/Choice/ChoiceTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+type ChoiceTriggerPropsT = ComponentProps<"button"> & {
+    choiceName: string;
+};
+export declare function ChoiceTrigger({ choiceName, onClick, ...p }: ChoiceTriggerPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChoiceTrigger.d.ts.map

package/dist/components/Choice/ChoiceTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Choice/ChoiceTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACpD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,GAAG,CAAC,EACL,EAAE,mBAAmB,2CAiCrB"}

package/dist/components/Choice/ChoiceTrigger.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 ChoiceTrigger({ 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/components/Toggle/Toggle.d.ts

@@ -0,0 +1,6 @@
+import { ToggleRoot } from "./ToggleRoot";
+import { ToggleTrigger } from "./ToggleTrigger";
+export declare const Toggle: typeof ToggleRoot & {
+    Trigger: typeof ToggleTrigger;
+};
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,5 @@
+import { ToggleRoot } from "./ToggleRoot";
+import { ToggleTrigger } from "./ToggleTrigger";
+export const Toggle = Object.assign(ToggleRoot, {
+    Trigger: ToggleTrigger,
+});

package/dist/components/Toggle/ToggleContext.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from "react";
+type MultiModeT = {
+    multiple: true;
+    activeToggle: string[];
+    setActiveToggle: Dispatch<SetStateAction<string[]>>;
+};
+type SingleModeT = {
+    multiple?: false;
+    activeToggle: string | null;
+    setActiveToggle: Dispatch<SetStateAction<string | null>>;
+};
+type MergedModeT = SingleModeT | MultiModeT;
+export type ToggleContextT = MergedModeT & {
+    requiredOne?: boolean;
+};
+export declare const ToggleContext: import("react").Context<ToggleContextT>;
+export {};
+//# sourceMappingURL=ToggleContext.d.ts.map

package/dist/components/Toggle/ToggleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleContext.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/ToggleContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,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,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/components/Toggle/ToggleContext.js

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

package/dist/components/Toggle/ToggleRoot.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { ToggleContextT } from "./ToggleContext";
+type ToggleRootPropsT = ComponentProps<"div"> & ToggleContextT;
+export declare function ToggleRoot({ multiple, activeToggle, setActiveToggle, requiredOne, ...p }: ToggleRootPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToggleRoot.d.ts.map

package/dist/components/Toggle/ToggleRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/ToggleRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAE/D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,GAAG,CAAC,EACL,EAAE,gBAAgB,2CAOlB"}

package/dist/components/Toggle/ToggleRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToggleContext } from "./ToggleContext";
+export function ToggleRoot({ multiple, activeToggle, setActiveToggle, requiredOne, ...p }) {
+    return (_jsx(ToggleContext, { value: { multiple, activeToggle, setActiveToggle, requiredOne }, children: _jsx("div", { ...p }) }));
+}

package/dist/components/Toggle/ToggleTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+type ToggleTriggerPropsT = ComponentProps<"button"> & {
+    toggleName: string;
+};
+export declare function ToggleTrigger({ toggleName, onClick, ...p }: ToggleTriggerPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToggleTrigger.d.ts.map

package/dist/components/Toggle/ToggleTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/ToggleTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACpD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,GAAG,CAAC,EACL,EAAE,mBAAmB,2CAiCrB"}

package/dist/components/Toggle/ToggleTrigger.js

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

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
+export * from "./components/Choice/Choice";
 export * from "./components/Submit/Submit";
 export * from "./components/LinkLoader/LinkLoader";
 export * from "./components/ThemeAdapter/ThemeAdapter";

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,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"}
+{"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,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC"}

package/dist/index.js

@@ -22,6 +22,7 @@ export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
+export * from "./components/Choice/Choice";
 export * from "./components/Submit/Submit";
 export * from "./components/LinkLoader/LinkLoader";
 export * from "./components/ThemeAdapter/ThemeAdapter";

package/package.json

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