@companix/uikit 0.1.34 → 0.1.36

package/dist/ThemeProvider/index.d.ts

@@ -6,6 +6,7 @@ export interface UseColorSchemeProps {
 }
 export declare const useTheme: () => UseColorSchemeProps;
 export interface ThemeProviderProps extends React.PropsWithChildren {
+    fixed?: BooleanConstructor;
     storageKey?: string;
     defaultColorScheme?: ColorSchemeExtendedType;
 }

package/dist/bundle.es45.js

@@ -1,6 +1,6 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
 import y from "classnames";
-import { useRef as F, useMemo as I, useState as i } from "react";
+import { useRef as F, useMemo as I, useState as o } from "react";
 const C = (a) => {
   const {
     previewSrc: e,
@@ -12,19 +12,19 @@ const C = (a) => {
     enableAspectRatio: g,
     imgAttrs: p,
     ...f
-  } = a, h = F(null), u = I(() => N(t, s), [t, s]), [o, v] = i(!1), [x, n] = i(!1), [w, c] = i(!1), $ = () => {
+  } = a, h = F(null), u = I(() => N(t, s), [t, s]), [r, v] = o(!1), [x, n] = o(!1), [w, c] = o(!1), $ = () => {
     x && (n(!1), c(!1));
   };
-  return console.log({ isLoaded: o }), /* @__PURE__ */ b(
+  return /* @__PURE__ */ b(
     "div",
     {
-      className: y("image-base", { "image-base-loading": !o }, m),
+      className: y("image-base", { "image-base-loading": !r }, m),
       style: g ? { aspectRatio: t / s } : {},
       onClickCapture: $,
       ...f,
       children: [
-        !o && /* @__PURE__ */ r("img", { className: "image-base-placeholder", src: u, alt: "" }),
-        e && e !== l && !o && !w && /* @__PURE__ */ r(
+        !r && /* @__PURE__ */ i("img", { className: "image-base-placeholder", src: u, alt: "" }),
+        e && e !== l && !r && !w && /* @__PURE__ */ i(
           "img",
           {
             className: "image-base-preview",
@@ -36,7 +36,7 @@ const C = (a) => {
             alt: ""
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "img",
           {
             ref: h,

package/dist/bundle.es46.js

@@ -1,14 +1,14 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
-import { getColorScheme as v, updateDOM as m } from "./bundle.es81.js";
-const i = f({
+import { jsx as h } from "react/jsx-runtime";
+import { useState as f, useEffect as i, createContext as w, useContext as v } from "react";
+import { getColorScheme as S, updateDOM as m } from "./bundle.es81.js";
+const d = w({
   setColorScheme: () => {
   }
-}), y = () => w(i), p = (d) => {
-  const { defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = d, [r, a] = h(() => v(n, o)), s = (e) => {
-    a(e), localStorage.setItem(n, e);
+}), p = () => v(d), x = (u) => {
+  const { fixed: c, defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = u, [r, a] = f(() => c ? o : S(n, o)), s = (e) => {
+    c || (a(e), localStorage.setItem(n, e));
   };
-  return c(() => {
+  return i(() => {
     const e = window ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
     if (!e)
       return;
@@ -18,7 +18,7 @@ const i = f({
     return e.addEventListener?.("change", t), t(), () => {
       e.removeEventListener?.("change", t);
     };
-  }, [r]), c(() => {
+  }, [r]), i(() => {
     if (!window)
       return;
     const e = (t) => {
@@ -27,11 +27,11 @@ const i = f({
     return window.addEventListener("storage", e), () => {
       window.removeEventListener("storage", e);
     };
-  }, [s, o]), c(() => {
+  }, [s, o]), i(() => {
     m(r);
-  }, [r]), /* @__PURE__ */ u(i.Provider, { value: { colorScheme: r, setColorScheme: s }, children: l });
+  }, [r]), /* @__PURE__ */ h(d.Provider, { value: { colorScheme: r, setColorScheme: s }, children: l });
 };
 export {
-  p as ThemeProvider,
-  y as useTheme
+  x as ThemeProvider,
+  p as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",