@rufous/ui 0.1.63 → 0.2.0-beta.0

package/dist/chunk-WNZLBFLQ.js

@@ -0,0 +1,73 @@
+import {
+  APP_THEMES
+} from "./chunk-QGXXOQJF.js";
+
+// lib/Contexts/rufousThemeProvider.tsx
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+var RufousThemeContext = createContext(null);
+var RufousThemeProvider = ({ children }) => {
+  const [colorScheme, setColorScheme] = useState("rufous");
+  const [mode, setMode] = useState("light");
+  useEffect(() => {
+    const savedScheme = localStorage.getItem("colorScheme") || "rufous";
+    const savedMode = localStorage.getItem("themeMode") || "light";
+    setColorScheme(savedScheme);
+    setMode(savedMode);
+  }, []);
+  const themeVars = useMemo(() => {
+    const config = APP_THEMES[colorScheme][mode];
+    return {
+      "--primary-color": config.primary,
+      "--secondary-color": config.secondary,
+      "--background-color": config.background,
+      "--surface-color": config.surface,
+      "--text-color": config.text,
+      "--text-secondary": config.textSecondary,
+      "--border-color": config.border,
+      "--hover-color": config.hover,
+      "--selection-color": config.selection,
+      "--icon-color": config.icon
+    };
+  }, [colorScheme, mode]);
+  const toggleMode = () => {
+    const newMode = mode === "light" ? "dark" : "light";
+    setMode(newMode);
+    localStorage.setItem("themeMode", newMode);
+  };
+  const changeScheme = (scheme) => {
+    setColorScheme(scheme);
+    localStorage.setItem("colorScheme", scheme);
+  };
+  return /* @__PURE__ */ React.createElement(
+    RufousThemeContext.Provider,
+    {
+      value: {
+        colorScheme,
+        mode,
+        toggleMode,
+        changeScheme,
+        themeConfig: APP_THEMES[colorScheme][mode]
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `rufous-theme-root scheme-${colorScheme} mode-${mode}`,
+        style: themeVars
+      },
+      children
+    )
+  );
+};
+var useRufousTheme = () => useContext(RufousThemeContext);
+
+export {
+  RufousThemeProvider,
+  useRufousTheme
+};

package/dist/chunk-X357WQOT.js

@@ -0,0 +1,29 @@
+// lib/CheckBoxes/CheckBox.jsx
+import React from "react";
+var Checkbox = ({
+  id,
+  label,
+  checked,
+  onChange,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const handleChange = (e) => {
+    if (onChange) onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "checkbox-wrapper-13" }, /* @__PURE__ */ React.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      id,
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      disabled
+    }
+  ), label && /* @__PURE__ */ React.createElement("span", { className: "checkbox-label" }, label)));
+};
+
+export {
+  Checkbox
+};

package/dist/{chunk-7YKG3WYS.js → chunk-YRLN3TBF.js}

@@ -1,6 +1,6 @@
 import {
   circularProgress_default
-} from "./chunk-YRFUVQDN.js";
+} from "./chunk-CTBYVXFP.js";
 
 // lib/Buttons/submitButton.tsx
 import * as React from "react";