@kadoui/react 1.6.6 → 1.7.7

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

@@ -4,10 +4,12 @@ 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;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/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;AAE9C,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/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/components/Sheet/Sheet.js

@@ -4,10 +4,12 @@ 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
+    Toggle: SheetToggle,
 });

package/dist/components/Sheet/SheetBody.js

@@ -4,8 +4,8 @@ import { use } from "react";
 import { motion, useDragControls } from "framer-motion";
 import { SheetContext } from "./SheetContext";
 export function SheetBody({ onPointerDown, ...p }) {
-    const { y, closeHandler: handleClose } = use(SheetContext);
     const controls = useDragControls();
+    const { y, closeHandler: handleClose } = use(SheetContext);
     return (_jsx(motion.div, { id: "sheet", 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);

package/dist/components/Sheet/SheetHandlebar.d.ts

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

package/dist/components/Sheet/SheetHandlebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHandlebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHandlebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,wBAAgB,cAAc,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAE5D"}

package/dist/components/Sheet/SheetHandlebar.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SheetHandlebar({ ...p }) {
+    return _jsx("div", { ...p });
+}

package/dist/components/ThemeAdapter/ThemeAdapter.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeAdapter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeAdapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeAdapter/ThemeAdapter.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,YAAY,4CAE3B"}

package/dist/components/ThemeAdapter/ThemeAdapter.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const themeScript = `
+  (function() {
+    try {
+      const themeHandler = (ev) => {
+        const theme = ev.matches ? "dark" : "light";
+        document.querySelector("html").setAttribute("data-theme", theme);
+      };
+
+      const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
+
+      darkModeQuery.addEventListener("change", themeHandler)
+
+      themeHandler(darkModeQuery)
+    } catch (err) {
+      console.log(err) 
+    }
+  })();
+`;
+export function ThemeAdapter() {
+    return _jsx("script", { dangerouslySetInnerHTML: { __html: themeScript } });
+}

package/dist/index.d.ts

@@ -24,4 +24,5 @@ export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Submit/Submit";
+export * from "./components/ThemeAdapter/ThemeAdapter";
 //# 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;AACvC,cAAc,4BAA4B,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;AAC3C,cAAc,wCAAwC,CAAC"}

package/dist/index.js

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

package/package.json

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