ruler-components 0.1.4 → 0.1.6

package/dist/index.mjs

@@ -3344,6 +3344,70 @@ function Tooltip({
     mounted && tooltipNode ? createPortal3(tooltipNode, document.body) : null
   ] });
 }
+
+// components/theme-provider.tsx
+import {
+  createContext as createContext6,
+  useCallback as useCallback3,
+  useContext as useContext6,
+  useEffect as useEffect5,
+  useMemo as useMemo3,
+  useState as useState14
+} from "react";
+
+// lib/theme.ts
+var THEME_COOKIE_KEY = "ruler-ui-theme";
+var THEME_STORAGE_KEY = "ruler-ui-theme";
+function applyTheme(theme) {
+  document.documentElement.classList.toggle("dark", theme === "dark");
+}
+function persistTheme(theme) {
+  localStorage.setItem(THEME_STORAGE_KEY, theme);
+  document.cookie = `${THEME_COOKIE_KEY}=${theme};path=/;max-age=31536000;SameSite=Lax`;
+}
+function readStoredTheme() {
+  const fromStorage = localStorage.getItem(THEME_STORAGE_KEY);
+  if (fromStorage === "light" || fromStorage === "dark") {
+    return fromStorage;
+  }
+  const match = document.cookie.match(
+    new RegExp(`(?:^|; )${THEME_COOKIE_KEY}=([^;]*)`)
+  );
+  if ((match == null ? void 0 : match[1]) === "light" || (match == null ? void 0 : match[1]) === "dark") {
+    return match[1];
+  }
+  return null;
+}
+
+// components/theme-provider.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var ThemeContext = createContext6(null);
+function ThemeProvider({
+  children,
+  defaultTheme = "light"
+}) {
+  const [theme, setThemeState] = useState14(defaultTheme);
+  useEffect5(() => {
+    const stored = readStoredTheme();
+    const resolved = stored != null ? stored : defaultTheme;
+    setThemeState(resolved);
+    applyTheme(resolved);
+  }, [defaultTheme]);
+  const setTheme = useCallback3((nextTheme) => {
+    setThemeState(nextTheme);
+    persistTheme(nextTheme);
+    applyTheme(nextTheme);
+  }, []);
+  const value = useMemo3(() => ({ theme, setTheme }), [theme, setTheme]);
+  return /* @__PURE__ */ jsx28(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = useContext6(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context;
+}
 export {
   AILoader,
   Accordion,
@@ -3445,6 +3509,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  ThemeProvider,
   ThreeDots,
   TimelineStepper,
   Tooltip,
@@ -3462,6 +3527,7 @@ export {
   menuVariants,
   modalContentVariants,
   overlayVariants,
-  radioControlVariants
+  radioControlVariants,
+  useTheme
 };
 //# sourceMappingURL=index.mjs.map