@kadoui/react 1.3.8 → 1.4.9

package/dist/components/Carousel/CarouselRoot.d.ts

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

package/dist/components/Carousel/CarouselRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,2CA+CjD"}
+{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAiD7D"}

package/dist/components/Carousel/CarouselRoot.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { CarouselContext } from "./CarouselContext";
-export function CarouselRoot(p) {
+export function CarouselRoot({ dir, ...p }) {
     const scrollRef = useRef(null);
     const [leftOpacity, setLeftOpacity] = useState(0);
     const [rightOpacity, setRightOpacity] = useState(1);
@@ -18,10 +18,11 @@ export function CarouselRoot(p) {
             return;
         }
         const scrollRatio = Math.abs(+(scrollLeft / maxScroll));
-        const left = Math.min(1, scrollRatio * 2);
-        const right = Math.min(1, (1 - scrollRatio) * 2);
-        setLeftOpacity(+left.toFixed(1));
-        setRightOpacity(+right.toFixed(1));
+        const left = +(Math.min(1, scrollRatio * 2).toFixed(1));
+        const right = +(Math.min(1, (1 - scrollRatio) * 2).toFixed(1));
+        const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
+        setLeftOpacity(currentDir === "ltr" ? right : left);
+        setRightOpacity(currentDir === "ltr" ? left : right);
     };
     useEffect(() => {
         const el = scrollRef.current;

package/dist/components/Submit/Submit.d.ts

@@ -0,0 +1,6 @@
+import { SubmitRoot } from "./SubmitRoot";
+import { SubmitLoader } from "./SubmitLoader";
+export declare const Submit: typeof SubmitRoot & {
+    Loader: typeof SubmitLoader;
+};
+//# sourceMappingURL=Submit.d.ts.map

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

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

package/dist/components/Submit/Submit.js

@@ -0,0 +1,5 @@
+import { SubmitRoot } from "./SubmitRoot";
+import { SubmitLoader } from "./SubmitLoader";
+export const Submit = Object.assign(SubmitRoot, {
+    Loader: SubmitLoader
+});

package/dist/components/Submit/SubmitContext.d.ts

@@ -0,0 +1,5 @@
+export type SubmitContextT = {
+    pending: boolean;
+};
+export declare const SubmitContext: import("react").Context<SubmitContextT>;
+//# sourceMappingURL=SubmitContext.d.ts.map

package/dist/components/Submit/SubmitContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitContext.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,aAAa,yCAAsC,CAAC"}

package/dist/components/Submit/SubmitContext.js

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

package/dist/components/Submit/SubmitLoader.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren, ReactNode } from "react";
+export type SubmitLoaderPropsT = PropsWithChildren & {
+    loader: ReactNode;
+};
+export declare function SubmitLoader({ children, loader }: SubmitLoaderPropsT): ReactNode;
+//# sourceMappingURL=SubmitLoader.d.ts.map

package/dist/components/Submit/SubmitLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,MAAM,EAAE,SAAS,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,aAIpE"}

package/dist/components/Submit/SubmitLoader.js

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { SubmitContext } from "./SubmitContext";
+export function SubmitLoader({ children, loader }) {
+    const { pending } = use(SubmitContext);
+    return pending ? loader : children;
+}

package/dist/components/Submit/SubmitRoot.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type SubmitRootPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    loader?: ReactNode;
+};
+export declare function SubmitRoot({ disabled, ...p }: SubmitRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubmitRoot.d.ts.map

package/dist/components/Submit/SubmitRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAW9D"}

package/dist/components/Submit/SubmitRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormStatus } from "react-dom";
+import { SubmitContext } from "./SubmitContext";
+export function SubmitRoot({ disabled, ...p }) {
+    const { pending } = useFormStatus();
+    return (_jsx(SubmitContext, { value: { pending }, children: _jsx("button", { disabled: disabled || pending, ...p }) }));
+}

package/dist/index.d.ts

@@ -23,4 +23,5 @@ export * from "./components/Spoiler/Spoiler";
 export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
+export * from "./components/Submit/Submit";
 //# sourceMappingURL=index.d.ts.map

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,oCAAoC,CAAC;AACnD,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,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,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,oCAAoC,CAAC;AACnD,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,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -23,3 +23,4 @@ export * from "./components/Spoiler/Spoiler";
 export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
+export * from "./components/Submit/Submit";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.3.8",
+  "version": "1.4.9",
   "description": "Kadoui primitive components for React",
   "author": "ArrowUp",
   "license": "MIT",