@devup-ui/react 1.0.33 → 1.0.35

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1 @@
+var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};exports.__exportAll=t;

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/components/Box.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(r){throw new Error("Cannot run on the runtime")}exports.Box=o;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Box=e;

package/dist/components/Box.js

@@ -1,6 +1,6 @@
-function o(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Box.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  o as Box
-};
+//#endregion
+export { e as Box };

package/dist/components/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(n){throw new Error("Cannot run on the runtime")}exports.Button=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Button=e;

package/dist/components/Button.js

@@ -1,6 +1,6 @@
-function o(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Button.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  o as Button
-};
+//#endregion
+export { e as Button };

package/dist/components/Center.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(r){throw new Error("Cannot run on the runtime")}exports.Center=e;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Center=e;

package/dist/components/Center.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Center.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as Center
-};
+//#endregion
+export { e as Center };

package/dist/components/Flex.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(r){throw new Error("Cannot run on the runtime")}exports.Flex=e;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Flex=e;

package/dist/components/Flex.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Flex.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as Flex
-};
+//#endregion
+export { e as Flex };

package/dist/components/Grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t){throw new Error("Cannot run on the runtime")}exports.Grid=r;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Grid=e;

package/dist/components/Grid.js

@@ -1,6 +1,6 @@
-function n(r) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Grid.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  n as Grid
-};
+//#endregion
+export { e as Grid };

package/dist/components/Image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(r){throw new Error("Cannot run on the runtime")}exports.Image=e;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Image=e;

package/dist/components/Image.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Image.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as Image
-};
+//#endregion
+export { e as Image };

package/dist/components/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(n){throw new Error("Cannot run on the runtime")}exports.Input=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Input=e;

package/dist/components/Input.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Input.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as Input
-};
+//#endregion
+export { e as Input };

package/dist/components/Text.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){throw new Error("Cannot run on the runtime")}exports.Text=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.Text=e;

package/dist/components/Text.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/Text.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as Text
-};
+//#endregion
+export { e as Text };

package/dist/components/ThemeScript.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");function n({auto:t=!0,theme:e}){return r.jsx("script",{dangerouslySetInnerHTML:{__html:e?`(function (){document.documentElement.setAttribute('data-theme','${e}');}())`:`(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(t)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME??"default"}'));})()`}})}exports.ThemeScript=n;
+let e=require(`react/jsx-runtime`);function t({auto:t=!0,theme:n}){return(0,e.jsx)(`script`,{dangerouslySetInnerHTML:{__html:n?`(function (){document.documentElement.setAttribute('data-theme','${n}');}())`:`(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(t)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME??`default`}'));})()`}})}exports.ThemeScript=t;

package/dist/components/ThemeScript.js

@@ -1,14 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-function o({ auto: e = !0, theme: t }) {
-  return /* @__PURE__ */ r(
-    "script",
-    {
-      dangerouslySetInnerHTML: {
-        __html: t ? `(function (){document.documentElement.setAttribute('data-theme','${t}');}())` : `(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(e)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME ?? "default"}'));})()`
-      }
-    }
-  );
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/ThemeScript.tsx
+function t({ auto: t = !0, theme: n }) {
+	return /* @__PURE__ */ e("script", { dangerouslySetInnerHTML: { __html: n ? `(function (){document.documentElement.setAttribute('data-theme','${n}');}())` : `(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(t)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME ?? "default"}'));})()` } });
 }
-export {
-  o as ThemeScript
-};
+//#endregion
+export { t as ThemeScript };

package/dist/components/VStack.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){throw new Error("Cannot run on the runtime")}exports.VStack=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.VStack=e;

package/dist/components/VStack.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/components/VStack.tsx
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as VStack
-};
+//#endregion
+export { e as VStack };

package/dist/hooks/use-theme.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("../stores/theme-store.cjs"),e=r.createThemeStore();function o(){return t.useSyncExternalStore(e.subscribe,e.get,e.get)}exports.useTheme=o;
+"use client";"use client";const e=require(`../stores/theme-store.cjs`);let t=require(`react`);var n=e.createThemeStore();function r(){return(0,t.useSyncExternalStore)(n.subscribe,n.get,n.get)}exports.useTheme=r;

package/dist/hooks/use-theme.js

@@ -1,14 +1,11 @@
 "use client";
+"use client";
+import { createThemeStore as e } from "../stores/theme-store.js";
 import { useSyncExternalStore as t } from "react";
-import { createThemeStore as r } from "../stores/theme-store.js";
-const e = r();
-function c() {
-  return t(
-    e.subscribe,
-    e.get,
-    e.get
-  );
+//#region src/hooks/use-theme.ts
+var n = e();
+function r() {
+	return t(n.subscribe, n.get, n.get);
 }
-export {
-  c as useTheme
-};
+//#endregion
+export { r as useTheme };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Box.cjs"),t=require("./components/Button.cjs"),r=require("./components/Center.cjs"),s=require("./components/Flex.cjs"),i=require("./components/Grid.cjs"),n=require("./components/Image.cjs"),o=require("./components/Input.cjs"),u=require("./components/Text.cjs"),c=require("./components/ThemeScript.cjs"),m=require("./components/VStack.cjs"),T=require("./hooks/use-theme.cjs"),q=require("./utils/css.cjs"),h=require("./utils/get-theme.cjs"),l=require("./utils/global-css.cjs"),a=require("./utils/init-theme.cjs"),g=require("./utils/keyframes.cjs"),x=require("./utils/set-theme.cjs"),d=require("./utils/styled.cjs");exports.Box=e.Box;exports.Button=t.Button;exports.Center=r.Center;exports.Flex=s.Flex;exports.Grid=i.Grid;exports.Image=n.Image;exports.Input=o.Input;exports.Text=u.Text;exports.ThemeScript=c.ThemeScript;exports.VStack=m.VStack;exports.useTheme=T.useTheme;exports.css=q.css;exports.getTheme=h.getTheme;exports.globalCss=l.globalCss;exports.initTheme=a.initTheme;exports.keyframes=g.keyframes;exports.setTheme=x.setTheme;exports.styled=d.styled;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/Box.cjs`),t=require(`./components/Button.cjs`),n=require(`./components/Center.cjs`),r=require(`./components/Flex.cjs`),i=require(`./components/Grid.cjs`),a=require(`./components/Image.cjs`),o=require(`./components/Input.cjs`),s=require(`./components/Text.cjs`),c=require(`./components/ThemeScript.cjs`),l=require(`./components/VStack.cjs`),u=require(`./hooks/use-theme.cjs`),d=require(`./utils/css.cjs`),f=require(`./utils/get-theme.cjs`),p=require(`./utils/global-css.cjs`),m=require(`./utils/init-theme.cjs`),h=require(`./utils/keyframes.cjs`),g=require(`./utils/set-theme.cjs`),_=require(`./utils/styled.cjs`),v=require(`./utils/stylex.cjs`);exports.Box=e.Box,exports.Button=t.Button,exports.Center=n.Center,exports.Flex=r.Flex,exports.Grid=i.Grid,exports.Image=a.Image,exports.Input=o.Input,exports.Text=s.Text,exports.ThemeScript=c.ThemeScript,exports.VStack=l.VStack,exports.css=d.css,exports.getTheme=f.getTheme,exports.globalCss=p.globalCss,exports.initTheme=m.initTheme,exports.keyframes=h.keyframes,exports.setTheme=g.setTheme,exports.styled=_.styled,Object.defineProperty(exports,`stylex`,{enumerable:!0,get:function(){return v.stylex_exports}}),exports.useTheme=u.useTheme;

package/dist/index.d.ts

@@ -19,5 +19,6 @@ export { initTheme } from './utils/init-theme';
 export { keyframes } from './utils/keyframes';
 export { setTheme } from './utils/set-theme';
 export { styled } from './utils/styled';
-export type { CustomColors } from 'csstype-extra';
+export * as stylex from './utils/stylex';
+export type { CustomColors, CustomLength, CustomShadows } from 'csstype-extra';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -1,38 +1,20 @@
-import { Box as o } from "./components/Box.js";
-import { Button as m } from "./components/Button.js";
-import { Center as p } from "./components/Center.js";
-import { Flex as s } from "./components/Flex.js";
-import { Grid as h } from "./components/Grid.js";
-import { Image as i } from "./components/Image.js";
-import { Input as n } from "./components/Input.js";
-import { Text as g } from "./components/Text.js";
-import { ThemeScript as d } from "./components/ThemeScript.js";
-import { VStack as y } from "./components/VStack.js";
-import { useTheme as C } from "./hooks/use-theme.js";
-import { css as S } from "./utils/css.js";
-import { getTheme as F } from "./utils/get-theme.js";
-import { globalCss as V } from "./utils/global-css.js";
-import { initTheme as q } from "./utils/init-theme.js";
-import { keyframes as w } from "./utils/keyframes.js";
-import { setTheme as A } from "./utils/set-theme.js";
-import { styled as E } from "./utils/styled.js";
-export {
-  o as Box,
-  m as Button,
-  p as Center,
-  s as Flex,
-  h as Grid,
-  i as Image,
-  n as Input,
-  g as Text,
-  d as ThemeScript,
-  y as VStack,
-  S as css,
-  F as getTheme,
-  V as globalCss,
-  q as initTheme,
-  w as keyframes,
-  A as setTheme,
-  E as styled,
-  C as useTheme
-};
+import { Box as e } from "./components/Box.js";
+import { Button as t } from "./components/Button.js";
+import { Center as n } from "./components/Center.js";
+import { Flex as r } from "./components/Flex.js";
+import { Grid as i } from "./components/Grid.js";
+import { Image as a } from "./components/Image.js";
+import { Input as o } from "./components/Input.js";
+import { Text as s } from "./components/Text.js";
+import { ThemeScript as c } from "./components/ThemeScript.js";
+import { VStack as l } from "./components/VStack.js";
+import { useTheme as u } from "./hooks/use-theme.js";
+import { css as d } from "./utils/css.js";
+import { getTheme as f } from "./utils/get-theme.js";
+import { globalCss as p } from "./utils/global-css.js";
+import { initTheme as m } from "./utils/init-theme.js";
+import { keyframes as h } from "./utils/keyframes.js";
+import { setTheme as g } from "./utils/set-theme.js";
+import { styled as _ } from "./utils/styled.js";
+import { stylex_exports as v } from "./utils/stylex.js";
+export { e as Box, t as Button, n as Center, r as Flex, i as Grid, a as Image, o as Input, s as Text, c as ThemeScript, l as VStack, d as css, f as getTheme, p as globalCss, m as initTheme, h as keyframes, g as setTheme, _ as styled, v as stylex, u as useTheme };

package/dist/stores/theme-store-server.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={get:()=>null,set:()=>{},subscribe:()=>()=>{}};function r(){return e}exports.createServerThemeStore=r;
+var e={get:()=>null,set:()=>{},subscribe:()=>()=>{}};function t(){return e}exports.createServerThemeStore=t;

package/dist/stores/theme-store-server.js

@@ -1,13 +1,11 @@
-const e = {
-  get: () => null,
-  set: () => {
-  },
-  subscribe: () => () => {
-  }
+//#region src/stores/theme-store-server.ts
+var e = {
+	get: () => null,
+	set: () => {},
+	subscribe: () => () => {}
 };
-function r() {
-  return e;
+function t() {
+	return e;
 }
-export {
-  r as createServerThemeStore
-};
+//#endregion
+export { t as createServerThemeStore };

package/dist/stores/theme-store.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./theme-store-server.cjs");function i(){const s=document.documentElement,r=new Set;let o=null;const a=()=>o,n=e=>{o=e,r.forEach(t=>t(o))},c=e=>(r.add(e),n(s.getAttribute("data-theme")),()=>r.delete(e));return new MutationObserver(e=>{e.filter(t=>t.type==="attributes"&&t.target instanceof HTMLElement).forEach(t=>{n(t.target.getAttribute("data-theme"))})}).observe(s,{attributes:!0,attributeFilter:["data-theme"],subtree:!1}),{get:a,set:n,subscribe:c}}const m=typeof window>"u"?u.createServerThemeStore:i;exports.createThemeStore=m;
+"use client";"use client";const e=require(`./theme-store-server.cjs`);function t(){let e=document.documentElement,t=new Set,n=null,r=()=>n,i=e=>{n=e,t.forEach(e=>e(n))};return new MutationObserver(e=>{e.filter(e=>e.type===`attributes`&&e.target instanceof HTMLElement).forEach(e=>{i(e.target.getAttribute(`data-theme`))})}).observe(e,{attributes:!0,attributeFilter:[`data-theme`],subtree:!1}),{get:r,set:i,subscribe:n=>(t.add(n),i(e.getAttribute(`data-theme`)),()=>t.delete(n))}}var n=typeof window>`u`?e.createServerThemeStore:t;exports.createThemeStore=n;

package/dist/stores/theme-store.js

@@ -1,26 +1,25 @@
 "use client";
-import { createServerThemeStore as u } from "./theme-store-server.js";
-function i() {
-  const s = document.documentElement, r = /* @__PURE__ */ new Set();
-  let n = null;
-  const a = () => n, o = (e) => {
-    n = e, r.forEach((t) => t(n));
-  }, c = (e) => (r.add(e), o(s.getAttribute("data-theme")), () => r.delete(e));
-  return new MutationObserver((e) => {
-    e.filter((t) => t.type === "attributes" && t.target instanceof HTMLElement).forEach((t) => {
-      o(t.target.getAttribute("data-theme"));
-    });
-  }).observe(s, {
-    attributes: !0,
-    attributeFilter: ["data-theme"],
-    subtree: !1
-  }), {
-    get: a,
-    set: o,
-    subscribe: c
-  };
+"use client";
+import { createServerThemeStore as e } from "./theme-store-server.js";
+//#region src/stores/theme-store.ts
+function t() {
+	let e = document.documentElement, t = /* @__PURE__ */ new Set(), n = null, r = () => n, i = (e) => {
+		n = e, t.forEach((e) => e(n));
+	};
+	return new MutationObserver((e) => {
+		e.filter((e) => e.type === "attributes" && e.target instanceof HTMLElement).forEach((e) => {
+			i(e.target.getAttribute("data-theme"));
+		});
+	}).observe(e, {
+		attributes: !0,
+		attributeFilter: ["data-theme"],
+		subtree: !1
+	}), {
+		get: r,
+		set: i,
+		subscribe: (n) => (t.add(n), i(e.getAttribute("data-theme")), () => t.delete(n))
+	};
 }
-const d = typeof window > "u" ? u : i;
-export {
-  d as createThemeStore
-};
+var n = typeof window > "u" ? e : t;
+//#endregion
+export { n as createThemeStore };

package/dist/utils/css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(n){throw new Error("Cannot run on the runtime")}exports.css=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.css=e;

package/dist/utils/css.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/utils/css.ts
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as css
-};
+//#endregion
+export { e as css };

package/dist/utils/get-theme.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return document.documentElement.getAttribute("data-theme")}exports.getTheme=e;
+"use client";"use client";function e(){return document.documentElement.getAttribute(`data-theme`)}exports.getTheme=e;

package/dist/utils/get-theme.js

@@ -1,7 +1,8 @@
 "use client";
+"use client";
+//#region src/utils/get-theme.ts
 function e() {
-  return document.documentElement.getAttribute("data-theme");
+	return document.documentElement.getAttribute("data-theme");
 }
-export {
-  e as getTheme
-};
+//#endregion
+export { e as getTheme };

package/dist/utils/global-css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(n){throw new Error("Cannot run on the runtime")}exports.globalCss=t;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.globalCss=e;

package/dist/utils/global-css.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/utils/global-css.ts
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as globalCss
-};
+//#endregion
+export { e as globalCss };

package/dist/utils/init-theme.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e){e?document.documentElement.setAttribute("data-theme",e):document.documentElement.setAttribute("data-theme",localStorage.getItem("__DF_THEME_SELECTED__")||(t&&window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":process.env.DEVUP_UI_DEFAULT_THEME??"default"))}exports.initTheme=o;
+"use client";"use client";function e(e,t){t?document.documentElement.setAttribute(`data-theme`,t):document.documentElement.setAttribute(`data-theme`,localStorage.getItem(`__DF_THEME_SELECTED__`)||(e&&window.matchMedia(`(prefers-color-scheme:dark)`).matches?`dark`:process.env.DEVUP_UI_DEFAULT_THEME??`default`))}exports.initTheme=e;

package/dist/utils/init-theme.d.ts

@@ -1,4 +1,4 @@
-import { Conditional } from 'src/types/utils';
 import { DevupTheme } from '../types/theme';
+import { Conditional } from '../types/utils';
 export declare function initTheme(auto?: boolean, theme?: Conditional<DevupTheme>): void;
 //# sourceMappingURL=init-theme.d.ts.map

package/dist/utils/init-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init-theme.d.ts","sourceRoot":"","sources":["../../src/utils/init-theme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAQhD,wBAAgB,SAAS,CACvB,IAAI,CAAC,EAAE,OAAO,EACd,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,GAC9B,IAAI,CAYN"}
+{"version":3,"file":"init-theme.d.ts","sourceRoot":"","sources":["../../src/utils/init-theme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQjD,wBAAgB,SAAS,CACvB,IAAI,CAAC,EAAE,OAAO,EACd,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,GAC9B,IAAI,CAYN"}

package/dist/utils/init-theme.js

@@ -1,10 +1,8 @@
 "use client";
-function a(t, e) {
-  e ? document.documentElement.setAttribute("data-theme", e) : document.documentElement.setAttribute(
-    "data-theme",
-    localStorage.getItem("__DF_THEME_SELECTED__") || (t && window.matchMedia("(prefers-color-scheme:dark)").matches ? "dark" : process.env.DEVUP_UI_DEFAULT_THEME ?? "default")
-  );
+"use client";
+//#region src/utils/init-theme.ts
+function e(e, t) {
+	t ? document.documentElement.setAttribute("data-theme", t) : document.documentElement.setAttribute("data-theme", localStorage.getItem("__DF_THEME_SELECTED__") || (e && window.matchMedia("(prefers-color-scheme:dark)").matches ? "dark" : process.env.DEVUP_UI_DEFAULT_THEME ?? "default"));
 }
-export {
-  a as initTheme
-};
+//#endregion
+export { e as initTheme };

package/dist/utils/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(r){throw new Error("Cannot run on the runtime")}exports.keyframes=e;
+function e(e){throw Error(`Cannot run on the runtime`)}exports.keyframes=e;

package/dist/utils/keyframes.js

@@ -1,6 +1,6 @@
-function r(n) {
-  throw new Error("Cannot run on the runtime");
+//#region src/utils/keyframes.ts
+function e(e) {
+	throw Error("Cannot run on the runtime");
 }
-export {
-  r as keyframes
-};
+//#endregion
+export { e as keyframes };

package/dist/utils/set-theme.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("__DF_THEME_SELECTED__",e)}exports.setTheme=t;
+"use client";"use client";function e(e){document.documentElement.setAttribute(`data-theme`,e),localStorage.setItem(`__DF_THEME_SELECTED__`,e)}exports.setTheme=e;

package/dist/utils/set-theme.js

@@ -1,7 +1,8 @@
 "use client";
-function e(t) {
-  document.documentElement.setAttribute("data-theme", t), localStorage.setItem("__DF_THEME_SELECTED__", t);
+"use client";
+//#region src/utils/set-theme.ts
+function e(e) {
+	document.documentElement.setAttribute("data-theme", e), localStorage.setItem("__DF_THEME_SELECTED__", e);
 }
-export {
-  e as setTheme
-};
+//#endregion
+export { e as setTheme };

package/dist/utils/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=new Proxy(Function.prototype,{get(){return()=>{throw new Error("Cannot run on the runtime")}}});exports.styled=t;
+var e=new Proxy(Function.prototype,{get(){return()=>{throw Error(`Cannot run on the runtime`)}}});exports.styled=e;

package/dist/utils/styled.js

@@ -1,10 +1,8 @@
-const t = new Proxy(Function.prototype, {
-  get() {
-    return () => {
-      throw new Error("Cannot run on the runtime");
-    };
-  }
-});
-export {
-  t as styled
-};
+//#region src/utils/styled.ts
+var e = new Proxy(Function.prototype, { get() {
+	return () => {
+		throw Error("Cannot run on the runtime");
+	};
+} });
+//#endregion
+export { e as styled };

package/dist/utils/stylex.cjs

@@ -0,0 +1 @@
+var e=require(`../_virtual/_rolldown/runtime.cjs`).__exportAll({create:()=>t,createTheme:()=>s,defineVars:()=>o,firstThatWorks:()=>i,include:()=>a,keyframes:()=>r,props:()=>n,types:()=>c});function t(e){throw Error(`Cannot run on the runtime`)}function n(...e){throw Error(`Cannot run on the runtime`)}function r(e){throw Error(`Cannot run on the runtime`)}function i(...e){throw Error(`Cannot run on the runtime`)}function a(e){throw Error(`Cannot run on the runtime`)}function o(e){throw Error(`Cannot run on the runtime`)}function s(e,t){throw Error(`Cannot run on the runtime`)}var c=new Proxy({},{get(){return()=>{throw Error(`Cannot run on the runtime`)}}});Object.defineProperty(exports,`stylex_exports`,{enumerable:!0,get:function(){return e}});

package/dist/utils/stylex.d.ts

@@ -0,0 +1,36 @@
+type StyleValue = string | number | null | undefined;
+type StyleProperties = Record<string, StyleValue | Record<string, StyleValue>>;
+interface StyleXTypes {
+    angle<T extends string | number>(value: T): T;
+    color<T extends string>(value: T): T;
+    image<T extends string>(value: T): T;
+    integer<T extends number>(value: T): T;
+    length<T extends string | number>(value: T): T;
+    lengthPercentage<T extends string | number>(value: T): T;
+    number<T extends number>(value: T): T;
+    percentage<T extends string | number>(value: T): T;
+    resolution<T extends string>(value: T): T;
+    time<T extends string>(value: T): T;
+    transformFunction<T extends string>(value: T): T;
+    transformList<T extends string>(value: T): T;
+    url<T extends string>(value: T): T;
+}
+export declare function create<S extends Record<string, StyleProperties>>(styles: S): {
+    readonly [K in keyof S]: S[K];
+};
+export declare function props(...styles: ReadonlyArray<StyleProperties | false | null | undefined>): {
+    className?: string;
+    style?: Record<string, string>;
+};
+export declare function keyframes(frames: Record<string, StyleProperties>): string;
+export declare function firstThatWorks<T extends StyleValue>(...values: T[]): T;
+export declare function include<S extends StyleProperties>(style: S): S;
+export declare function defineVars<V extends Record<string, StyleValue>>(vars: V): {
+    readonly [K in keyof V]: string;
+};
+export declare function createTheme<V extends Record<string, string>>(vars: V, overrides: {
+    readonly [K in keyof V]: StyleValue;
+}): Record<string, StyleValue>;
+export declare const types: StyleXTypes;
+export {};
+//# sourceMappingURL=stylex.d.ts.map

package/dist/utils/stylex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylex.d.ts","sourceRoot":"","sources":["../../src/utils/stylex.ts"],"names":[],"mappings":"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"}

package/dist/utils/stylex.js

@@ -0,0 +1,40 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+//#region src/utils/stylex.ts
+var t = /* @__PURE__ */ e({
+	create: () => n,
+	createTheme: () => c,
+	defineVars: () => s,
+	firstThatWorks: () => a,
+	include: () => o,
+	keyframes: () => i,
+	props: () => r,
+	types: () => l
+});
+function n(e) {
+	throw Error("Cannot run on the runtime");
+}
+function r(...e) {
+	throw Error("Cannot run on the runtime");
+}
+function i(e) {
+	throw Error("Cannot run on the runtime");
+}
+function a(...e) {
+	throw Error("Cannot run on the runtime");
+}
+function o(e) {
+	throw Error("Cannot run on the runtime");
+}
+function s(e) {
+	throw Error("Cannot run on the runtime");
+}
+function c(e, t) {
+	throw Error("Cannot run on the runtime");
+}
+var l = new Proxy({}, { get() {
+	return () => {
+		throw Error("Cannot run on the runtime");
+	};
+} });
+//#endregion
+export { t as stylex_exports };

package/package.json

@@ -16,7 +16,7 @@
     "css-in-js-framework",
     "react"
   ],
-  "version": "1.0.33",
+  "version": "1.0.35",
   "type": "module",
   "scripts": {
     "lint": "eslint && tsc --noEmit",
@@ -45,11 +45,11 @@
   },
   "devDependencies": {
     "rollup-plugin-preserve-directives": "^0.4",
-    "vite": "^7.3",
+    "vite": "^8.0",
     "vite-plugin-dts": "^4.5",
-    "typescript": "^5.9",
+    "typescript": "^6.0",
     "@types/react": "^19.2",
-    "@types/node": "^25.2"
+    "@types/node": "^25.5"
   },
   "peerDependencies": {
     "react": "*",