@kadoui/react 1.11.16 → 2.0.1

package/dist/react-components/Tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEhG,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC;AAEpD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,cAAc,2CAEzC"}

package/dist/react-components/Tabs/TabsList.js

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

package/dist/react-components/Tabs/TabsPanel.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps } from "react";
+export type TabsPanelPropsT = ComponentProps<"div"> & {
+    value: string;
+};
+export declare function TabsPanel({ value, ...p }: TabsPanelPropsT): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/react-components/Tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,kDAMzD"}

package/dist/react-components/Tabs/TabsPanel.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { TabsContext } from "./TabsContext";
+export function TabsPanel({ value, ...p }) {
+    const { activeTab } = use(TabsContext);
+    const isActive = activeTab === value;
+    return isActive ? _jsx("div", { ...p }) : null;
+}

package/dist/react-components/Tabs/TabsRoot.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type TabsRootPropsT = PropsWithChildren & {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+export declare function TabsRoot({ activeTab, setActiveTab, children }: TabsRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabsRoot.d.ts.map

package/dist/react-components/Tabs/TabsRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAM7E"}

package/dist/react-components/Tabs/TabsRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabsContext } from "./TabsContext";
+export function TabsRoot({ activeTab, setActiveTab, children }) {
+    return (_jsx(TabsContext, { value: { activeTab, setActiveTab }, children: children }));
+}

package/dist/react-components/Tabs/TabsTab.d.ts

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

package/dist/react-components/Tabs/TabsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAa9D"}

package/dist/react-components/Tabs/TabsTab.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { TabsContext } from "./TabsContext";
+export function TabsTab({ value, onClick, ...p }) {
+    const { activeTab, setActiveTab } = use(TabsContext);
+    return (_jsx("button", { "data-state": value === activeTab, onClick: (ev) => {
+            onClick?.(ev);
+            setActiveTab(value);
+        }, ...p }));
+}

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

@@ -0,0 +1,4 @@
+export * from "./ThemeProvider";
+export * from "./ThemeScript";
+export * from "./useTheme";
+//# sourceMappingURL=Theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/Theme.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./ThemeProvider";
+export * from "./ThemeScript";
+export * from "./useTheme";

package/dist/react-components/Theme/ThemeContext.d.ts

@@ -0,0 +1,7 @@
+export type ThemeT = "dark" | "light" | "system";
+export type ThemeContextT = {
+    theme: ThemeT | undefined;
+    setTheme: (theme: ThemeT) => void;
+};
+export declare const ThemeContext: import("react").Context<ThemeContextT>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/react-components/Theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeContext.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAA"}

package/dist/react-components/Theme/ThemeContext.js

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

package/dist/react-components/Theme/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+type ThemeProviderPropsT = PropsWithChildren;
+export declare function ThemeProvider({ children }: ThemeProviderPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/react-components/Theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,KAAK,mBAAmB,GAAG,iBAAiB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAsC9D"}

package/dist/react-components/Theme/ThemeProvider.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ThemeContext } from "./ThemeContext";
+export function ThemeProvider({ children }) {
+    const [theme, setTheme] = useState(undefined);
+    useEffect(() => {
+        const localTheme = localStorage.getItem("kadoui-theme") || "";
+        setTheme(localTheme);
+    }, []);
+    const mediThemeHandler = (matches) => {
+        const html = document.querySelector("html");
+        const theme = matches ? "dark" : "light";
+        html.setAttribute("data-theme", theme);
+    };
+    const handleSetTheme = (theme) => {
+        const html = document.querySelector("html");
+        setTheme(theme);
+        localStorage.setItem("kadoui-theme", theme);
+        if (["light", "dark"].includes(theme)) {
+            html.setAttribute("data-theme", theme);
+            return;
+        }
+        const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
+        darkModeQuery.addEventListener("change", ev => mediThemeHandler(ev.matches));
+        mediThemeHandler(darkModeQuery.matches);
+    };
+    return (_jsx(ThemeContext, { value: { theme, setTheme: handleSetTheme }, children: children }));
+}

package/dist/react-components/Theme/ThemeScript.d.ts

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

package/dist/react-components/Theme/ThemeScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeScript.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,WAAW,4CAE1B"}

package/dist/react-components/Theme/ThemeScript.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const themeScript = `
+  (function() {
+    try {
+      let localTheme = localStorage.getItem("kadoui-theme") || ""
+
+      if (!["light", "dark", "system"].includes(localTheme)) {
+        localTheme = "system"
+        localStorage.setItem("kadoui-theme", localTheme)
+      }
+
+      const html = document.querySelector("html")
+
+      if (["light", "dark"].includes(localTheme)) {
+        html.setAttribute("data-theme", localTheme)
+
+        return
+      }
+
+      const themeHandler = (matches) => {
+        const theme = matches ? "dark" : "light"
+        html.setAttribute("data-theme", theme)
+      }
+
+      const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)")
+      darkModeQuery.addEventListener("change", ev => themeHandler(ev.matches))
+      themeHandler(darkModeQuery.matches)
+    } catch (err) {
+      console.log(err) 
+    }
+  })()
+`;
+export function ThemeScript() {
+    return _jsx("script", { dangerouslySetInnerHTML: { __html: themeScript } });
+}

package/dist/react-components/Theme/useTheme.d.ts

@@ -0,0 +1,5 @@
+export declare function useTheme(): {
+    theme: import("./ThemeContext").ThemeT | undefined;
+    setTheme: (theme: import("./ThemeContext").ThemeT) => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/react-components/Theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/useTheme.ts"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ;;;EAIvB"}

package/dist/react-components/Theme/useTheme.js

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { ThemeContext } from "./ThemeContext";
+export function useTheme() {
+    const { theme, setTheme } = use(ThemeContext);
+    return { theme, setTheme };
+}

package/dist/react-exports.d.ts

@@ -0,0 +1,28 @@
+export * from "./react-components/AccessNavigation/AccessNavigation";
+export * from "./react-components/Accordion/Accordion";
+export * from "./react-components/Affix/Affix";
+export * from "./react-components/Breadcrumbs/Breadcrumbs";
+export * from "./react-components/Carousel/Carousel";
+export * from "./react-components/ClientOnly/ClientOnly";
+export * from "./react-components/Clipboard/Clipboard";
+export * from "./react-components/ContextMenu/ContextMenu";
+export * from "./react-components/Drawer/Drawer";
+export * from "./react-components/Modal/Modal";
+export * from "./react-components/Otp/Otp";
+export * from "./react-components/Pagination/Pagination";
+export * from "./react-components/PasswordInput/PasswordInput";
+export * from "./react-components/Popover/Popover";
+export * from "./react-components/Portal/Portal";
+export * from "./react-components/Progress/Progress";
+export * from "./react-components/QrCode/QrCode";
+export * from "./react-components/Rating/Rating";
+export * from "./react-components/SelectBox/SelectBox";
+export * from "./react-components/Sheet/Sheet";
+export * from "./react-components/ShowMore/ShowMore";
+export * from "./react-components/Spoiler/Spoiler";
+export * from "./react-components/Swap/Swap";
+export * from "./react-components/Tabs/Tabs";
+export * from "./react-components/Choice/Choice";
+export * from "./react-components/Submit/Submit";
+export * from "./react-components/Theme/Theme";
+//# sourceMappingURL=react-exports.d.ts.map

package/dist/react-exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-exports.d.ts","sourceRoot":"","sources":["../src/react-exports.ts"],"names":[],"mappings":"AAAA,cAAc,sDAAsD,CAAC;AACrE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC"}

package/dist/react-exports.js

@@ -0,0 +1,27 @@
+export * from "./react-components/AccessNavigation/AccessNavigation";
+export * from "./react-components/Accordion/Accordion";
+export * from "./react-components/Affix/Affix";
+export * from "./react-components/Breadcrumbs/Breadcrumbs";
+export * from "./react-components/Carousel/Carousel";
+export * from "./react-components/ClientOnly/ClientOnly";
+export * from "./react-components/Clipboard/Clipboard";
+export * from "./react-components/ContextMenu/ContextMenu";
+export * from "./react-components/Drawer/Drawer";
+export * from "./react-components/Modal/Modal";
+export * from "./react-components/Otp/Otp";
+export * from "./react-components/Pagination/Pagination";
+export * from "./react-components/PasswordInput/PasswordInput";
+export * from "./react-components/Popover/Popover";
+export * from "./react-components/Portal/Portal";
+export * from "./react-components/Progress/Progress";
+export * from "./react-components/QrCode/QrCode";
+export * from "./react-components/Rating/Rating";
+export * from "./react-components/SelectBox/SelectBox";
+export * from "./react-components/Sheet/Sheet";
+export * from "./react-components/ShowMore/ShowMore";
+export * from "./react-components/Spoiler/Spoiler";
+export * from "./react-components/Swap/Swap";
+export * from "./react-components/Tabs/Tabs";
+export * from "./react-components/Choice/Choice";
+export * from "./react-components/Submit/Submit";
+export * from "./react-components/Theme/Theme";