@tachui/responsive 0.8.5-alpha → 0.8.10-alpha.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { globalModifierRegistry as W } from "@tachui/registry";
 import { BaseModifier as se } from "@tachui/modifiers";
 import { createSignal as E, createEffect as V, isSignal as T, isComputed as j, getThemeSignal as me, createComputed as m, createMemo as ge } from "@tachui/core";
-const b = {
+const g = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
@@ -40,13 +40,13 @@ class we {
   // Signals this computation depends on
   observers = /* @__PURE__ */ new Set();
   // Computations that depend on this
-  state = b.Dirty;
+  state = g.Dirty;
   value = void 0;
   constructor(e, t = null) {
     this.id = ++be, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
   }
   execute() {
-    if (this.state === b.Disposed)
+    if (this.state === g.Disposed)
       return this.value;
     for (const t of this.sources)
       t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
@@ -54,16 +54,16 @@ class we {
     const e = D.currentComputation;
     D.currentComputation = this;
     try {
-      return this.state = b.Clean, this.value = this.fn(), this.value;
+      return this.state = g.Clean, this.value = this.fn(), this.value;
     } catch (t) {
-      throw this.state = b.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
+      throw this.state = g.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
     } finally {
       D.currentComputation = e;
     }
   }
   dispose() {
-    if (this.state !== b.Disposed) {
-      this.state = b.Disposed;
+    if (this.state !== g.Disposed) {
+      this.state = g.Disposed;
       for (const e of this.sources)
         e && typeof e == "object" && "removeObserver" in e && e.removeObserver(this);
       this.sources.clear();
@@ -91,19 +91,24 @@ class Ce extends we {
    */
   getValue() {
     const e = ne();
-    return e && e.state !== b.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === b.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    return e && e.state !== g.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === g.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
   }
   /**
    * Get the current value without tracking dependency
    */
   peek() {
-    return (this.state === b.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
+    return (this.state === g.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
   }
   /**
    * Remove an observer (cleanup)
    */
   removeObserver(e) {
-    this.observers.delete(e);
+    this.observers.delete(e), this.options.releaseOnNoObservers === !0 && this.observers.size === 0 && e.state === g.Disposed && this.releaseSources();
+  }
+  releaseSources() {
+    for (const e of this.sources)
+      "removeObserver" in e && e.removeObserver(this);
+    this.sources.clear(), this._hasValue = !1, this.state = g.Dirty;
   }
   /**
    * Execute the computation and notify observers
@@ -112,8 +117,8 @@ class Ce extends we {
     const e = this._hasValue ? this.value : void 0, t = super.execute();
     if (!this._hasValue || !this.equalsFn(e, t))
       for (const i of this.observers)
-        i.state !== b.Disposed && (i.state = b.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
-          i.state === b.Dirty && i.execute();
+        i.state !== g.Disposed && (i.state = g.Dirty, "execute" in i && typeof i.execute == "function" && queueMicrotask(() => {
+          i.state === g.Dirty && i.execute();
         }));
     return t;
   }
@@ -132,7 +137,7 @@ class Ce extends we {
     this.sources.clear();
     for (const e of this.observers)
       e.sources.delete(this);
-    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = b.Disposed;
+    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = g.Disposed;
   }
   /**
    * Dispose the computed value
@@ -182,7 +187,7 @@ class ke {
    */
   getValue() {
     const e = ne();
-    return e && e.state !== b.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
+    return e && e.state !== g.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
   }
   /**
    * Get the current value without tracking dependency
@@ -202,7 +207,7 @@ class ke {
    */
   notify() {
     for (const e of this.observers)
-      e.state !== b.Disposed && (e.state = b.Dirty, Re(e));
+      e.state !== g.Disposed && (e.state = g.Dirty, Re(e));
   }
   /**
    * Remove an observer (cleanup)
@@ -222,23 +227,23 @@ class ke {
     };
   }
 }
-const L = /* @__PURE__ */ new Set();
-let N = !1;
+const q = /* @__PURE__ */ new Set();
+let L = !1;
 function Re(s) {
-  L.add(s), N || queueMicrotask(Me);
+  q.add(s), L || queueMicrotask(Me);
 }
 function Me() {
-  if (!N) {
-    N = !0;
+  if (!L) {
+    L = !0;
     try {
-      for (; L.size > 0; ) {
-        const s = Array.from(L).sort((e, t) => e.id - t.id);
-        L.clear();
+      for (; q.size > 0; ) {
+        const s = Array.from(q).sort((e, t) => e.id - t.id);
+        q.clear();
         for (const e of s)
-          e.state === b.Dirty && e.execute();
+          e.state === g.Dirty && e.execute();
       }
     } finally {
-      N = !1;
+      L = !1;
     }
   }
 }
@@ -264,7 +269,7 @@ process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdap
   registryId: W.instanceId,
   currentSize: W.list().length
 });
-const Ie = "0.8.1-alpha", Te = Ie, Y = /* @__PURE__ */ new WeakSet(), X = /* @__PURE__ */ new WeakMap(), je = {
+const Ie = "0.8.10-alpha.0", Te = Ie, Y = /* @__PURE__ */ new WeakSet(), X = /* @__PURE__ */ new WeakMap(), je = {
   name: "@tachui/core",
   version: Te,
   author: "TachUI Team",
@@ -286,7 +291,7 @@ function _e(s, e, t, i = W, r = je) {
     plugin: r.name
   });
 }
-const ze = "0.8.0-alpha", qe = ze, oe = {
+const ze = "0.8.10-alpha.0", Ne = ze, oe = {
   base: "0px",
   // Mobile-first base
   sm: "640px",
@@ -311,7 +316,7 @@ function J(s) {
 let z = {
   ...oe
 };
-const [ae, ee] = E("base"), [ce, Le] = E({
+const [ae, ee] = E("base"), [ce, qe] = E({
   width: 0,
   height: 0
 });
@@ -364,7 +369,7 @@ function te(s, e) {
 function ie(s, e) {
   return y(s) < y(e);
 }
-function Ne(s) {
+function Le(s) {
   return s === "base" ? "" : `(min-width: ${z[s]})`;
 }
 function ct(s, e) {
@@ -401,7 +406,7 @@ function _() {
   ee("base");
 }
 function H() {
-  typeof window < "u" && Le({
+  typeof window < "u" && qe({
     width: window.innerWidth,
     height: window.innerHeight
   });
@@ -510,7 +515,7 @@ class de {
       if (n === "base")
         r[c] = d;
       else {
-        const l = Ne(n), p = { [c]: d };
+        const l = Le(n), p = { [c]: d };
         i.push({
           breakpoint: n,
           query: l,
@@ -1593,7 +1598,7 @@ function wt(s, e) {
       t[`--${s}-${i}`] = r.toString();
   return t;
 }
-const g = {
+const b = {
   // Viewport size queries
   mobile: "(max-width: 767px)",
   tablet: "(min-width: 768px) and (max-width: 1023px)",
@@ -1720,12 +1725,12 @@ function We() {
   const s = S();
   console.group("🔍 tachUI Responsive State"), console.log("Current breakpoint:", s.current), console.log("Viewport dimensions:", `${s.width}x${s.height}`), console.log("Available breakpoints:", ["base", "sm", "md", "lg", "xl", "2xl"]);
   const e = {
-    Mobile: g.mobile,
-    Tablet: g.tablet,
-    Desktop: g.desktop,
-    "Dark mode": g.darkMode,
-    "Reduced motion": g.reducedMotion,
-    "Can hover": g.canHover
+    Mobile: b.mobile,
+    Tablet: b.tablet,
+    Desktop: b.desktop,
+    "Dark mode": b.darkMode,
+    "Reduced motion": b.reducedMotion,
+    "Can hover": b.canHover
   };
   console.log("Media query matches:");
   for (const [t, i] of Object.entries(e))
@@ -2483,10 +2488,10 @@ class M {
     }
     r += '<div style="margin: 8px 0; font-weight: bold; color: #ba68c8;">Media Queries:</div>';
     const o = {
-      Touch: g.touchDevice,
-      Dark: g.darkMode,
-      "Reduced Motion": g.reducedMotion,
-      "High Contrast": g.highContrast
+      Touch: b.touchDevice,
+      Dark: b.darkMode,
+      "Reduced Motion": b.reducedMotion,
+      "High Contrast": b.highContrast
     };
     for (const [n, a] of Object.entries(o)) {
       const c = window.matchMedia(a).matches;
@@ -2583,12 +2588,12 @@ class M {
     const e = S(), t = P();
     if (console.group("🔍 TachUI Responsive State"), console.log("Current breakpoint:", e.current), console.log("Viewport:", `${e.width}×${e.height}`), console.log("Configuration:", t), typeof window < "u" && window.matchMedia) {
       const i = {
-        Mobile: g.mobile,
-        Tablet: g.tablet,
-        Desktop: g.desktop,
-        "Touch Device": g.touchDevice,
-        "Dark Mode": g.darkMode,
-        "Reduced Motion": g.reducedMotion
+        Mobile: b.mobile,
+        Tablet: b.tablet,
+        Desktop: b.desktop,
+        "Touch Device": b.touchDevice,
+        "Dark Mode": b.darkMode,
+        "Reduced Motion": b.reducedMotion
       };
       console.log("Media Query Results:");
       for (const [r, o] of Object.entries(i))
@@ -2651,7 +2656,7 @@ class M {
   static exportConfiguration() {
     const e = S(), t = P(), i = A.getStats(), r = R.getStats(), o = {};
     if (typeof window < "u" && window.matchMedia) {
-      for (const [n, a] of Object.entries(g))
+      for (const [n, a] of Object.entries(b))
         if (typeof a == "string")
           try {
             o[n] = window.matchMedia(a).matches;
@@ -2744,16 +2749,16 @@ typeof window < "u" && process.env.NODE_ENV !== "production" && (window.tachUIRe
 });
 const Xe = {
   name: "@tachui/responsive",
-  version: qe,
+  version: Ne,
   author: "TachUI Team",
   verified: !0
-}, q = 80, Je = [
+}, N = 80, Je = [
   [
     "responsive",
     h,
     {
       category: "layout",
-      priority: q,
+      priority: N,
       signature: "(config: ResponsiveStyleConfig) => Modifier",
       description: "Applies responsive style mappings across configured breakpoints."
     }
@@ -2763,7 +2768,7 @@ const Xe = {
     $,
     {
       category: "layout",
-      priority: q,
+      priority: N,
       signature: "(query: string, styles: Record<string, any>) => Modifier",
       description: "Attaches custom CSS rules for a media query to a component."
     }
@@ -2773,7 +2778,7 @@ const Xe = {
     u,
     {
       category: "layout",
-      priority: q,
+      priority: N,
       signature: "(property: string, value: ResponsiveValue<any>) => Modifier",
       description: "Creates a responsive modifier from a single style property/value map."
     }
@@ -2783,7 +2788,7 @@ const Xe = {
     pe,
     {
       category: "layout",
-      priority: q,
+      priority: N,
       signature: "(config: ResponsiveLayoutConfig) => Modifier",
       description: "Configures responsive flexbox layout properties such as direction, wrap, and gap."
     }
@@ -2812,7 +2817,7 @@ export {
   oe as DEFAULT_BREAKPOINTS,
   kt as Flex,
   Et as LayoutPatterns,
-  g as MediaQueries,
+  b as MediaQueries,
   He as MediaQueryModifier,
   ft as OptimizedCSSGenerator,
   le as RESPONSIVE_MODIFIER_PRIORITY,
@@ -2849,7 +2854,7 @@ export {
   R as cssRuleCache,
   Bt as enableResponsiveDebugOverlay,
   ht as generateCustomMediaQuery,
-  Ne as generateMediaQuery,
+  Le as generateMediaQuery,
   ct as generateRangeMediaQuery,
   pt as generateResponsiveProperty,
   y as getBreakpointIndex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/responsive",
-  "version": "0.8.5-alpha",
+  "version": "0.8.10-alpha.0",
   "description": "Advanced responsive design patterns and utilities for tachUI framework",
   "homepage": "https://tachui.dev/",
   "main": "./dist/index.js",
@@ -22,9 +22,9 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/core": "0.8.5-alpha",
-    "@tachui/modifiers": "0.8.5-alpha",
-    "@tachui/registry": "0.8.5-alpha"
+    "@tachui/core": "0.8.10-alpha.0",
+    "@tachui/modifiers": "0.8.10-alpha.0",
+    "@tachui/registry": "0.8.10-alpha.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",