@dashnex/ui 0.5.2

package/dist/components/theme/theme-provider.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+const ThemeContext = createContext(undefined);
+export function ThemeProvider({ children }) {
+    const [mounted, setMounted] = useState(false);
+    const [theme, setThemeState] = useState('system');
+    const [isDark, setIsDark] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        const savedTheme = localStorage.theme;
+        if (savedTheme === 'light' || savedTheme === 'dark') {
+            setThemeState(savedTheme);
+            setIsDark(savedTheme === 'dark');
+            // Apply theme immediately
+            if (savedTheme === 'dark') {
+                document.documentElement.classList.add('dark');
+            }
+            else {
+                document.documentElement.classList.remove('dark');
+            }
+        }
+        else {
+            setThemeState('system');
+            const systemIsDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            setIsDark(systemIsDark);
+            // Apply system theme immediately
+            document.documentElement.classList.toggle('dark', systemIsDark);
+        }
+    }, []);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        // Listen for system theme changes
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleChange = () => {
+            if (theme === 'system') {
+                setIsDark(mediaQuery.matches);
+                document.documentElement.classList.toggle('dark', mediaQuery.matches);
+            }
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return () => mediaQuery.removeEventListener('change', handleChange);
+    }, [theme, mounted]);
+    const setTheme = (newTheme) => {
+        setThemeState(newTheme);
+        if (newTheme === 'light') {
+            localStorage.theme = 'light';
+            setIsDark(false);
+            document.documentElement.classList.remove('dark');
+        }
+        else if (newTheme === 'dark') {
+            localStorage.theme = 'dark';
+            setIsDark(true);
+            document.documentElement.classList.add('dark');
+        }
+        else {
+            localStorage.removeItem('theme');
+            const systemIsDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            setIsDark(systemIsDark);
+            document.documentElement.classList.toggle('dark', systemIsDark);
+        }
+    };
+    const toggleTheme = () => {
+        const newTheme = isDark ? 'light' : 'dark';
+        setTheme(newTheme);
+    };
+    const themeContextValue = {
+        theme,
+        isDark,
+        setTheme,
+        toggleTheme,
+        mounted
+    };
+    return (_jsx(ThemeContext.Provider, { value: themeContextValue, children: children }));
+}
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+}

package/dist/components/theme/theme-switcher.d.ts

@@ -0,0 +1 @@
+export declare function ThemeSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/components/theme/theme-switcher.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch } from '../tailwind/switch.js';
+import { useTheme } from './theme-provider.js';
+export function ThemeSwitcher() {
+    const { isDark, toggleTheme, mounted } = useTheme();
+    // Don't render the switch until mounted to prevent controlled/uncontrolled warning
+    if (!mounted) {
+        return (_jsx(Switch, { className: "float-right", disabled: true }));
+    }
+    return (_jsx(Switch, { className: "float-right", checked: isDark, onChange: toggleTheme }));
+}

package/dist/pages/index.d.ts

@@ -0,0 +1,2 @@
+import type { Page } from "@dashnex/types";
+export declare const debugPages: Page[];

package/dist/pages/index.js

@@ -0,0 +1 @@
+export const debugPages = [];

package/dist/server.d.ts

@@ -0,0 +1,8 @@
+export * from './components/tailwind/index.js';
+export * from './components/theme/index.js';
+declare const _default: {
+    name: string;
+    version: string;
+    description: string;
+};
+export default _default;

package/dist/server.js

@@ -0,0 +1,10 @@
+export * from './components/tailwind/index.js';
+export * from './components/theme/index.js';
+import packageJson from '../package.json' with { type: 'json' };
+import dashnexConfig from '../dashnex.json' with { type: 'json' };
+export default {
+    name: packageJson.name,
+    version: packageJson.version,
+    description: packageJson.description,
+    ...dashnexConfig,
+};

package/dist/tailwind.d.ts

@@ -0,0 +1 @@
+export * from './components/tailwind/index.js';

package/dist/tailwind.js

@@ -0,0 +1 @@
+export * from './components/tailwind/index.js';

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@dashnex/ui",
+  "version": "0.5.2",
+  "description": "UI module for Dashnex framework providing UI components and utilities",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dashnex/dashnex-ui.git"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/server.d.ts",
+      "default": "./dist/server.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "default": "./dist/client.js"
+    },
+    "./tailwind": {
+      "types": "./dist/tailwind.d.ts",
+      "default": "./dist/tailwind.js"
+    }
+  },
+  "keywords": [
+    "dashnex",
+    "ui",
+    "module"
+  ],
+  "author": "Dashnex Team",
+  "license": "UNLICENSED",
+  "dependencies": {
+    "@headlessui/react": "^2.2.9",
+    "@heroicons/react": "^2.2.0",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.29.0"
+  },
+  "peerDependencies": {
+    "next": "^16.1.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  },
+  "devDependencies": {
+    "@dashnex/types": "^0.5.2",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "autoprefixer": "^10.4.23",
+    "esbuild": "^0.27.2",
+    "esbuild-css-modules-plugin": "^3.1.5",
+    "esbuild-style-plugin": "^1.6.3",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "^16.1.4",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "migrations",
+    "dashnex.json"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "echo 'Not implemented'"
+  }
+}