@devup-ui/react 1.0.15 → 1.0.17

package/dist/hooks/use-theme.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./use-safe-effect.cjs");let t=null;const u={};let a=null;function f(){const n=l.useId(),[r,s]=l.useState(a);return o.useSafeEffect(()=>{if(a!==null)return;const e=document.documentElement.getAttribute("data-theme");e!==null&&e!==r&&s(e)},[r]),o.useSafeEffect(()=>{const e=document.documentElement;return u[n]=s,t||(t=new MutationObserver(()=>{const c=document.documentElement.getAttribute("data-theme");a=c;for(const i in u)u[i](c)}),t.observe(e,{attributes:!0,attributeFilter:["data-theme"],childList:!1,subtree:!1,characterData:!1,attributeOldValue:!1,characterDataOldValue:!1})),()=>{delete u[n],t&&Object.keys(u).length===0&&t.disconnect()}},[n]),r}exports.useTheme=f;
+"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;

package/dist/hooks/use-theme.d.ts

@@ -1,3 +1,2 @@
-import { DevupTheme } from '../types/theme';
-export declare function useTheme(): keyof DevupTheme | null;
+export declare function useTheme(): null;
 //# sourceMappingURL=use-theme.d.ts.map

package/dist/hooks/use-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAOhD,wBAAgB,QAAQ,IAAI,MAAM,UAAU,GAAG,IAAI,CAqClD"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,SAOvB"}

package/dist/hooks/use-theme.js

@@ -1,35 +1,14 @@
 "use client";
-import { useId as m, useState as i } from "react";
-import { useSafeEffect as s } from "./use-safe-effect.js";
-let t = null;
-const n = {};
-let u = null;
-function h() {
-  const r = m(), [a, l] = i(u);
-  return s(() => {
-    if (u !== null) return;
-    const e = document.documentElement.getAttribute("data-theme");
-    e !== null && e !== a && l(e);
-  }, [a]), s(() => {
-    const e = document.documentElement;
-    return n[r] = l, t || (t = new MutationObserver(() => {
-      const o = document.documentElement.getAttribute("data-theme");
-      u = o;
-      for (const c in n)
-        n[c](o);
-    }), t.observe(e, {
-      attributes: !0,
-      attributeFilter: ["data-theme"],
-      childList: !1,
-      subtree: !1,
-      characterData: !1,
-      attributeOldValue: !1,
-      characterDataOldValue: !1
-    })), () => {
-      delete n[r], t && Object.keys(n).length === 0 && t.disconnect();
-    };
-  }, [r]), a;
+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
+  );
 }
 export {
-  h as useTheme
+  c as useTheme
 };

package/dist/stores/theme-store.cjs

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

package/dist/stores/theme-store.d.ts

@@ -0,0 +1,14 @@
+import { DevupTheme } from '../types/theme';
+type Theme = keyof DevupTheme | null;
+type StoreChangeEvent = (newTheme: Theme) => void;
+export declare function createThemeStore(): {
+    get: () => null;
+    set: () => void;
+    subscribe: () => () => void;
+} | {
+    get: () => null;
+    set: (newTheme: Theme) => void;
+    subscribe: (onStoreChange: StoreChangeEvent) => () => boolean;
+};
+export {};
+//# sourceMappingURL=theme-store.d.ts.map

package/dist/stores/theme-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-store.d.ts","sourceRoot":"","sources":["../../src/stores/theme-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,KAAK,KAAK,GAAG,MAAM,UAAU,GAAG,IAAI,CAAA;AACpC,KAAK,gBAAgB,GAAG,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAA;AAIjD,wBAAgB,gBAAgB;;;;;;oBAYP,KAAK;+BAKM,gBAAgB;EAqBnD"}

package/dist/stores/theme-store.js

@@ -0,0 +1,31 @@
+"use client";
+function a() {
+  if (typeof window > "u")
+    return {
+      get: () => null,
+      set: () => {
+      },
+      subscribe: () => () => {
+      }
+    };
+  const i = document.documentElement, n = /* @__PURE__ */ new Set();
+  let r = null;
+  const o = () => r, s = (e) => {
+    r = e, n.forEach((t) => t(r));
+  }, u = (e) => (n.add(e), s(i.getAttribute("data-theme")), () => n.delete(e));
+  return new MutationObserver((e) => {
+    for (const t of e)
+      t.type === "attributes" && t.target instanceof HTMLElement && s(t.target.getAttribute("data-theme"));
+  }).observe(i, {
+    attributes: !0,
+    attributeFilter: ["data-theme"],
+    subtree: !1
+  }), {
+    get: o,
+    set: s,
+    subscribe: u
+  };
+}
+export {
+  a as createThemeStore
+};

package/dist/types/props/background.d.ts

@@ -17,5 +17,7 @@ export interface DevupUiBackgroundProps {
     bgRepeat?: ResponsiveValue<Property.BackgroundRepeat>;
     bgSize?: ResponsiveValue<Property.BackgroundSize>;
     bgBlendMode?: ResponsiveValue<Property.BackgroundBlendMode>;
+    backgroundImg?: ResponsiveValue<Property.BackgroundImage>;
+    bgImg?: ResponsiveValue<Property.BackgroundImage>;
 }
 //# sourceMappingURL=background.d.ts.map

package/dist/types/props/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/types/props/background.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,CAAA;IAClE,YAAY,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACjD,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,GAAG,MAAM,gBAAgB,CAAC,CAAA;IAC5E,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IACrD,UAAU,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC3D,KAAK,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACtD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;CAC5D"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/types/props/background.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,CAAA;IAClE,YAAY,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACjD,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,GAAG,MAAM,gBAAgB,CAAC,CAAA;IAC5E,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IACrD,UAAU,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC3D,KAAK,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACtD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAC3D,aAAa,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;IACzD,KAAK,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;CAClD"}

package/dist/types/props/index.d.ts

@@ -7,11 +7,12 @@ import { DevupUiBoxModelProps } from './box-model';
 import { DevupUiBoxSizingProps } from './box-sizing';
 import { DevupUiFlexProps } from './flex';
 import { DevupUiImageProps } from './image';
+import { DevupUiMaskProps } from './mask';
 import { DevupUiMotionPathProps } from './motion-path';
 import { DevupUiPositionProps } from './position';
 import { DevupSelectorProps, DevupThemeSelectorProps } from './selector';
 import { DevupUiTextProps } from './text';
-export interface DevupShortcutsProps extends DevupUiBackgroundProps, DevupUiBorderProps, DevupUiBoxModelProps, DevupUiBoxSizingProps, DevupUiFlexProps, DevupUiImageProps, DevupUiMotionPathProps, DevupUiPositionProps, DevupUiTextProps {
+export interface DevupShortcutsProps extends DevupUiBackgroundProps, DevupUiBorderProps, DevupUiBoxModelProps, DevupUiBoxSizingProps, DevupUiFlexProps, DevupUiImageProps, DevupUiMotionPathProps, DevupUiPositionProps, DevupUiMaskProps, DevupUiTextProps {
 }
 export type DevupCommonProps = Merge<{
     [K in keyof Properties]?: ResponsiveValue<Properties[K]>;

package/dist/types/props/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/props/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB;CAAG;AAEvB,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAClC;KACG,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CACzD,EACD,mBAAmB,CACpB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,kBAAkB;CAAG;AAE3E,MAAM,WAAW,mBACf,SAAQ,UAAU,EAChB,uBAAuB;CAAG;AAE9B,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,CAC9D,SAAQ,mBAAmB;IAC3B,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;CAC/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/props/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB;CAAG;AAEvB,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAClC;KACG,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CACzD,EACD,mBAAmB,CACpB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,kBAAkB;CAAG;AAE3E,MAAM,WAAW,mBACf,SAAQ,UAAU,EAChB,uBAAuB;CAAG;AAE9B,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,CAC9D,SAAQ,mBAAmB;IAC3B,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;CAC/C"}

package/dist/types/props/mask.d.ts

@@ -0,0 +1,7 @@
+import { Property } from 'csstype';
+import { ResponsiveValue } from '../responsive-value';
+export interface DevupUiMaskProps {
+    maskPos?: ResponsiveValue<Property.MaskPosition>;
+    maskImg?: ResponsiveValue<Property.MaskImage>;
+}
+//# sourceMappingURL=mask.d.ts.map

package/dist/types/props/mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../../src/types/props/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;CAC9C"}

package/package.json

@@ -16,7 +16,7 @@
     "css-in-js-framework",
     "react"
   ],
-  "version": "1.0.15",
+  "version": "1.0.17",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "vite": "^7.0.6",
+    "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4",
     "typescript": "^5.9.2",
     "@types/react": "^19"

package/dist/hooks/use-safe-effect.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window>"u"?e.useEffect:e.useLayoutEffect;exports.useSafeEffect=t;

package/dist/hooks/use-safe-effect.js

@@ -1,6 +0,0 @@
-"use client";
-import { useEffect as e, useLayoutEffect as f } from "react";
-const o = typeof window > "u" ? e : f;
-export {
-  o as useSafeEffect
-};