@tachui/core 0.7.0-alpha1

package/dist/modifiers/responsive/advanced-utilities.js

@@ -0,0 +1,291 @@
+import "../../reactive/cleanup.js";
+import { createComputed as a, createMemo as V } from "../../reactive/computed.js";
+import { createEffect as R } from "../../reactive/effect.js";
+import "../../reactive/unified-scheduler.js";
+import { createSignal as w } from "../../reactive/signal.js";
+import "../../reactive/scheduler.js";
+import "../../reactive/theme.js";
+import { isResponsiveValue as P } from "./types.js";
+import { getCurrentBreakpoint as h, createBreakpointContext as k, getCurrentBreakpointConfig as I, getBreakpointIndex as b } from "./breakpoints.js";
+class g {
+  /**
+   * Create a responsive value resolver with custom logic
+   */
+  static createResponsiveResolver(n, r = []) {
+    const e = h();
+    return a(() => {
+      r.forEach((s) => s());
+      const t = e(), o = k();
+      return n(t, o);
+    });
+  }
+  /**
+   * Create responsive value that interpolates between breakpoints
+   */
+  static createInterpolatedValue(n, r = {}) {
+    const { smoothing: e = "linear", clamp: t = !0 } = r;
+    return a(() => {
+      const s = k().width, i = I(), c = [];
+      for (const [l, v] of Object.entries(n))
+        if (v !== void 0) {
+          const m = l === "base" ? 0 : parseInt(i[l] || "0");
+          c.push({ width: m, value: v });
+        }
+      if (c.sort((l, v) => l.width - v.width), c.length === 0) return 0;
+      if (c.length === 1) return c[0].value;
+      let f = c[0], d = c[c.length - 1];
+      for (let l = 0; l < c.length - 1; l++)
+        if (s >= c[l].width && s <= c[l + 1].width) {
+          f = c[l], d = c[l + 1];
+          break;
+        }
+      if (t) {
+        if (s <= f.width) return f.value;
+        if (s >= d.width) return d.value;
+      }
+      const u = (s - f.width) / (d.width - f.width);
+      let p = u;
+      switch (e) {
+        case "ease":
+          p = 0.5 - 0.5 * Math.cos(u * Math.PI);
+          break;
+        case "ease-in":
+          p = u * u;
+          break;
+        case "ease-out":
+          p = 1 - (1 - u) * (1 - u);
+          break;
+        case "linear":
+        default:
+          p = u;
+          break;
+      }
+      return f.value + (d.value - f.value) * p;
+    });
+  }
+  /**
+   * Create conditional responsive behavior
+   */
+  static createConditionalResponsive(n, r, e) {
+    const t = h();
+    return a(() => {
+      const o = k(), i = n(o) ? r : e;
+      return this.resolveResponsiveValue(i, t());
+    });
+  }
+  /**
+   * Resolve responsive value at specific breakpoint
+   */
+  static resolveResponsiveValue(n, r) {
+    if (!P(n))
+      return n;
+    const e = n, t = ["base", "sm", "md", "lg", "xl", "2xl"], o = t.indexOf(r);
+    for (let s = o; s >= 0; s--) {
+      const i = t[s];
+      if (e[i] !== void 0)
+        return e[i];
+    }
+    for (const s of t)
+      if (e[s] !== void 0)
+        return e[s];
+    throw new Error("No responsive value found");
+  }
+}
+class y {
+  /**
+   * Hook for responsive arrays (e.g., responsive grid columns data)
+   */
+  static useResponsiveArray(n) {
+    const r = h();
+    return a(() => {
+      const e = r();
+      return g.resolveResponsiveValue(n, e) || [];
+    });
+  }
+  /**
+   * Hook for responsive object selection
+   */
+  static useResponsiveObject(n) {
+    const r = h();
+    return a(() => {
+      const e = r();
+      try {
+        return g.resolveResponsiveValue(n, e);
+      } catch {
+        return null;
+      }
+    });
+  }
+  /**
+   * Hook for responsive function selection and execution
+   */
+  static useResponsiveFunction(n) {
+    const r = h();
+    return a(() => {
+      const e = r();
+      try {
+        return g.resolveResponsiveValue(n, e);
+      } catch {
+        return null;
+      }
+    });
+  }
+  /**
+   * Hook for responsive state management
+   */
+  static useResponsiveState(n) {
+    const [r, e] = w(n), t = h();
+    return [a(() => {
+      const i = r(), c = t();
+      try {
+        return g.resolveResponsiveValue(i, c);
+      } catch {
+        return;
+      }
+    }), (i) => {
+      P(i) ? e(i) : e({ [t()]: i });
+    }];
+  }
+  /**
+   * Hook for responsive computations with memoization
+   */
+  static useResponsiveComputation(n, r = []) {
+    return V(() => {
+      r.forEach((t) => t());
+      const e = k();
+      return n(e);
+    });
+  }
+  /**
+   * Hook for responsive side effects
+   */
+  static useResponsiveEffect(n, r = []) {
+    let e, t;
+    R(() => {
+      r.forEach((i) => i());
+      const o = k();
+      e && (e(), e = void 0);
+      const s = n(o, t);
+      typeof s == "function" && (e = s), t = o;
+    });
+  }
+}
+class E {
+  /**
+   * Execute callback only on specific breakpoints
+   */
+  static onBreakpoints(n, r) {
+    let e;
+    return R(() => {
+      const t = k();
+      if (n.includes(t.current)) {
+        e && (e(), e = void 0);
+        const o = r(t);
+        typeof o == "function" && (e = o);
+      }
+    }), () => {
+      e && e();
+    };
+  }
+  /**
+   * Execute callback when breakpoint changes
+   */
+  static onBreakpointChange(n) {
+    let r;
+    return R(() => {
+      const e = k(), t = e.current;
+      r && r !== t && n(t, r, e), r = t;
+    }), () => {
+    };
+  }
+  /**
+   * Execute callback when entering/leaving specific breakpoint ranges
+   */
+  static onBreakpointRange(n, r, e) {
+    let t = !1, o, s;
+    return R(() => {
+      const i = k(), c = b(i.current), f = b(n), d = b(r), u = c >= f && c <= d;
+      if (u && !t) {
+        if (e.onEnter) {
+          const p = e.onEnter(i);
+          typeof p == "function" && (s = p);
+        }
+        t = !0;
+      } else !u && t && (s && (s(), s = void 0), o && (o(), o = void 0), e.onLeave && e.onLeave(i), t = !1);
+      if (u && e.onWithin) {
+        o && (o(), o = void 0);
+        const p = e.onWithin(i);
+        typeof p == "function" && (o = p);
+      }
+    }), () => {
+      s && s(), o && o();
+    };
+  }
+}
+class M {
+  /**
+   * Create responsive pagination
+   */
+  static createResponsivePagination(n, r) {
+    const [e, t] = w(1), o = h(), s = a(() => {
+      const v = o();
+      return g.resolveResponsiveValue(r, v);
+    }), i = a(() => Math.ceil(n.length / s())), c = a(() => {
+      const v = s(), B = (e() - 1) * v, C = B + v;
+      return n.slice(B, C);
+    }), f = a(() => e() < i()), d = a(() => e() > 1), u = (v) => {
+      const m = i();
+      t(Math.max(1, Math.min(v, m)));
+    }, p = () => {
+      f() && t(e() + 1);
+    }, l = () => {
+      d() && t(e() - 1);
+    };
+    return R(() => {
+      s(), t(1);
+    }), {
+      currentPage: e,
+      totalPages: i,
+      currentItems: c,
+      setPage: u,
+      nextPage: p,
+      prevPage: l,
+      hasNext: f,
+      hasPrev: d
+    };
+  }
+  /**
+   * Create responsive filtering
+   */
+  static createResponsiveFilter(n, r) {
+    const e = h();
+    return a(() => {
+      const t = e(), o = g.resolveResponsiveValue(r, t);
+      return o ? n.filter(o) : n;
+    });
+  }
+  /**
+   * Create responsive sorting
+   */
+  static createResponsiveSort(n, r) {
+    const e = h();
+    return a(() => {
+      const t = e(), o = g.resolveResponsiveValue(r, t);
+      return o ? [...n].sort(o) : n;
+    });
+  }
+}
+const H = {
+  Breakpoints: g,
+  Hooks: y,
+  Targeting: E,
+  Data: M
+};
+export {
+  g as AdvancedBreakpointUtils,
+  H as ResponsiveAdvanced,
+  M as ResponsiveDataUtils,
+  y as ResponsiveHooks,
+  E as ResponsiveTargeting
+};
+//# sourceMappingURL=advanced-utilities.js.map

package/dist/modifiers/responsive/advanced-utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-utilities.js","sources":["../../../src/modifiers/responsive/advanced-utilities.ts"],"sourcesContent":["/**\n * Advanced Responsive Utilities\n * \n * Provides programmatic access to responsive behavior, advanced hooks,\n * and complex responsive logic utilities for sophisticated applications.\n */\n\nimport { createSignal, createComputed, createEffect, createMemo, Signal } from '../../reactive'\nimport { \n  ResponsiveValue, \n  BreakpointKey, \n  BreakpointContext,\n  isResponsiveValue \n} from './types'\nimport { \n  getCurrentBreakpoint, \n  getBreakpointIndex, \n  createBreakpointContext,\n  getCurrentBreakpointConfig \n} from './breakpoints'\n\n/**\n * Advanced breakpoint utilities with enhanced functionality\n */\nexport class AdvancedBreakpointUtils {\n  /**\n   * Create a responsive value resolver with custom logic\n   */\n  static createResponsiveResolver<T>(\n    getValue: (breakpoint: BreakpointKey, context: BreakpointContext) => T,\n    dependencies: Signal<any>[] = []\n  ): Signal<T> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      // Include dependencies in computation\n      dependencies.forEach(dep => dep())\n      \n      const breakpoint = currentBreakpoint()\n      const context = createBreakpointContext()\n      return getValue(breakpoint, context)\n    })\n  }\n  \n  /**\n   * Create responsive value that interpolates between breakpoints\n   */\n  static createInterpolatedValue(\n    values: Partial<Record<BreakpointKey, number>>,\n    options: {\n      smoothing?: 'linear' | 'ease' | 'ease-in' | 'ease-out'\n      clamp?: boolean\n    } = {}\n  ): Signal<number> {\n    const { smoothing = 'linear', clamp = true } = options\n    \n    return createComputed(() => {\n      const context = createBreakpointContext()\n      const width = context.width\n      const breakpointConfig = getCurrentBreakpointConfig()\n      \n      // Convert breakpoint values to numeric widths\n      const sortedPoints: Array<{ width: number; value: number }> = []\n      \n      for (const [bp, value] of Object.entries(values)) {\n        if (value !== undefined) {\n          const bpWidth = bp === 'base' ? 0 : parseInt(breakpointConfig[bp as BreakpointKey] || '0')\n          sortedPoints.push({ width: bpWidth, value })\n        }\n      }\n      \n      sortedPoints.sort((a, b) => a.width - b.width)\n      \n      if (sortedPoints.length === 0) return 0\n      if (sortedPoints.length === 1) return sortedPoints[0].value\n      \n      // Find interpolation points\n      let lowerPoint = sortedPoints[0]\n      let upperPoint = sortedPoints[sortedPoints.length - 1]\n      \n      for (let i = 0; i < sortedPoints.length - 1; i++) {\n        if (width >= sortedPoints[i].width && width <= sortedPoints[i + 1].width) {\n          lowerPoint = sortedPoints[i]\n          upperPoint = sortedPoints[i + 1]\n          break\n        }\n      }\n      \n      // Handle edge cases\n      if (clamp) {\n        if (width <= lowerPoint.width) return lowerPoint.value\n        if (width >= upperPoint.width) return upperPoint.value\n      }\n      \n      // Calculate interpolation factor\n      const factor = (width - lowerPoint.width) / (upperPoint.width - lowerPoint.width)\n      \n      // Apply smoothing function\n      let smoothedFactor = factor\n      switch (smoothing) {\n        case 'ease':\n          smoothedFactor = 0.5 - 0.5 * Math.cos(factor * Math.PI)\n          break\n        case 'ease-in':\n          smoothedFactor = factor * factor\n          break\n        case 'ease-out':\n          smoothedFactor = 1 - (1 - factor) * (1 - factor)\n          break\n        case 'linear':\n        default:\n          smoothedFactor = factor\n          break\n      }\n      \n      // Interpolate value\n      return lowerPoint.value + (upperPoint.value - lowerPoint.value) * smoothedFactor\n    }) as Signal<number>\n  }\n  \n  /**\n   * Create conditional responsive behavior\n   */\n  static createConditionalResponsive<T>(\n    condition: (context: BreakpointContext) => boolean,\n    trueValue: ResponsiveValue<T>,\n    falseValue: ResponsiveValue<T>\n  ): Signal<T> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const context = createBreakpointContext()\n      const shouldUseTrue = condition(context)\n      const activeValue = shouldUseTrue ? trueValue : falseValue\n      \n      return this.resolveResponsiveValue(activeValue, currentBreakpoint())\n    })\n  }\n  \n  /**\n   * Resolve responsive value at specific breakpoint\n   */\n  private static resolveResponsiveValue<T>(\n    value: ResponsiveValue<T>,\n    breakpoint: BreakpointKey\n  ): T {\n    if (!isResponsiveValue(value)) {\n      return value as T\n    }\n    \n    const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n    const breakpointOrder: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n    const currentIndex = breakpointOrder.indexOf(breakpoint)\n    \n    // Search backwards from current breakpoint\n    for (let i = currentIndex; i >= 0; i--) {\n      const bp = breakpointOrder[i]\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n    \n    // Fallback to any defined value\n    for (const bp of breakpointOrder) {\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n    \n    throw new Error('No responsive value found')\n  }\n}\n\n/**\n * Advanced responsive hooks for complex scenarios\n */\nexport class ResponsiveHooks {\n  /**\n   * Hook for responsive arrays (e.g., responsive grid columns data)\n   */\n  static useResponsiveArray<T>(\n    arrays: Partial<Record<BreakpointKey, T[]>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      return AdvancedBreakpointUtils['resolveResponsiveValue'](arrays, breakpoint) || []\n    })\n  }\n  \n  /**\n   * Hook for responsive object selection\n   */\n  static useResponsiveObject<T extends Record<string, any>>(\n    objects: Partial<Record<BreakpointKey, T>>\n  ): Signal<T | null> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](objects, breakpoint)\n      } catch {\n        return null\n      }\n    })\n  }\n  \n  /**\n   * Hook for responsive function selection and execution\n   */\n  static useResponsiveFunction<TArgs extends any[], TReturn>(\n    functions: Partial<Record<BreakpointKey, (...args: TArgs) => TReturn>>\n  ): Signal<((...args: TArgs) => TReturn) | null> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](functions, breakpoint)\n      } catch {\n        return null\n      }\n    })\n  }\n  \n  /**\n   * Hook for responsive state management\n   */\n  static useResponsiveState<T>(\n    initialValues: Partial<Record<BreakpointKey, T>>\n  ): [Signal<T | undefined>, (value: T | Partial<Record<BreakpointKey, T>>) => void] {\n    const [state, setState] = createSignal<Partial<Record<BreakpointKey, T>>>(initialValues)\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    const currentValue = createComputed(() => {\n      const stateObj = state()\n      const breakpoint = currentBreakpoint()\n      \n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](stateObj, breakpoint)\n      } catch {\n        return undefined\n      }\n    })\n    \n    const setResponsiveState = (value: T | Partial<Record<BreakpointKey, T>>) => {\n      if (isResponsiveValue(value)) {\n        setState(value as Partial<Record<BreakpointKey, T>>)\n      } else {\n        setState({ [currentBreakpoint()]: value as T })\n      }\n    }\n    \n    return [currentValue, setResponsiveState]\n  }\n  \n  /**\n   * Hook for responsive computations with memoization\n   */\n  static useResponsiveComputation<T>(\n    computation: (context: BreakpointContext) => T,\n    dependencies: Signal<any>[] = []\n  ): Signal<T> {\n    return createMemo(() => {\n      // Include dependencies\n      dependencies.forEach(dep => dep())\n      \n      const context = createBreakpointContext()\n      return computation(context)\n    })\n  }\n  \n  /**\n   * Hook for responsive side effects\n   */\n  static useResponsiveEffect(\n    effect: (context: BreakpointContext, prevContext?: BreakpointContext) => void | (() => void),\n    dependencies: Signal<any>[] = []\n  ): void {\n    let cleanup: (() => void) | undefined\n    let prevContext: BreakpointContext | undefined\n    \n    createEffect(() => {\n      // Include dependencies\n      dependencies.forEach(dep => dep())\n      \n      const context = createBreakpointContext()\n      \n      // Run cleanup from previous effect\n      if (cleanup) {\n        cleanup()\n        cleanup = undefined\n      }\n      \n      // Run the effect\n      const result = effect(context, prevContext)\n      \n      if (typeof result === 'function') {\n        cleanup = result\n      }\n      \n      prevContext = context\n    })\n  }\n}\n\n/**\n * Responsive breakpoint targeting utilities\n */\nexport class ResponsiveTargeting {\n  /**\n   * Execute callback only on specific breakpoints\n   */\n  static onBreakpoints(\n    breakpoints: BreakpointKey[],\n    callback: (context: BreakpointContext) => void | (() => void)\n  ): () => void {\n    let cleanup: (() => void) | undefined\n    \n    createEffect(() => {\n      const context = createBreakpointContext()\n      \n      if (breakpoints.includes(context.current)) {\n        // Run cleanup from previous execution\n        if (cleanup) {\n          cleanup()\n          cleanup = undefined\n        }\n        \n        // Execute callback\n        const result = callback(context)\n        if (typeof result === 'function') {\n          cleanup = result\n        }\n      }\n    })\n    \n    return () => {\n      if (cleanup) cleanup()\n    }\n  }\n  \n  /**\n   * Execute callback when breakpoint changes\n   */\n  static onBreakpointChange(\n    callback: (newBreakpoint: BreakpointKey, oldBreakpoint: BreakpointKey, context: BreakpointContext) => void\n  ): () => void {\n    let oldBreakpoint: BreakpointKey | undefined\n    \n    createEffect(() => {\n      const context = createBreakpointContext()\n      const newBreakpoint = context.current\n      \n      if (oldBreakpoint && oldBreakpoint !== newBreakpoint) {\n        callback(newBreakpoint, oldBreakpoint, context)\n      }\n      \n      oldBreakpoint = newBreakpoint\n    })\n    \n    return () => {\n      // No-op for now since createEffect doesn't return dispose function\n    }\n  }\n  \n  /**\n   * Execute callback when entering/leaving specific breakpoint ranges\n   */\n  static onBreakpointRange(\n    minBreakpoint: BreakpointKey,\n    maxBreakpoint: BreakpointKey,\n    callbacks: {\n      onEnter?: (context: BreakpointContext) => void | (() => void)\n      onLeave?: (context: BreakpointContext) => void\n      onWithin?: (context: BreakpointContext) => void | (() => void)\n    }\n  ): () => void {\n    let isWithinRange = false\n    let withinCleanup: (() => void) | undefined\n    let enterCleanup: (() => void) | undefined\n    \n    createEffect(() => {\n      const context = createBreakpointContext()\n      const currentIndex = getBreakpointIndex(context.current)\n      const minIndex = getBreakpointIndex(minBreakpoint)\n      const maxIndex = getBreakpointIndex(maxBreakpoint)\n      \n      const nowWithinRange = currentIndex >= minIndex && currentIndex <= maxIndex\n      \n      if (nowWithinRange && !isWithinRange) {\n        // Entering range\n        if (callbacks.onEnter) {\n          const result = callbacks.onEnter(context)\n          if (typeof result === 'function') {\n            enterCleanup = result\n          }\n        }\n        isWithinRange = true\n      } else if (!nowWithinRange && isWithinRange) {\n        // Leaving range\n        if (enterCleanup) {\n          enterCleanup()\n          enterCleanup = undefined\n        }\n        if (withinCleanup) {\n          withinCleanup()\n          withinCleanup = undefined\n        }\n        if (callbacks.onLeave) {\n          callbacks.onLeave(context)\n        }\n        isWithinRange = false\n      }\n      \n      if (nowWithinRange && callbacks.onWithin) {\n        // Within range\n        if (withinCleanup) {\n          withinCleanup()\n          withinCleanup = undefined\n        }\n        \n        const result = callbacks.onWithin(context)\n        if (typeof result === 'function') {\n          withinCleanup = result\n        }\n      }\n    })\n    \n    return () => {\n      if (enterCleanup) enterCleanup()\n      if (withinCleanup) withinCleanup()\n    }\n  }\n}\n\n/**\n * Responsive data management utilities\n */\nexport class ResponsiveDataUtils {\n  /**\n   * Create responsive pagination\n   */\n  static createResponsivePagination<T>(\n    data: T[],\n    itemsPerPage: ResponsiveValue<number>\n  ): {\n    currentPage: Signal<number>\n    totalPages: Signal<number>\n    currentItems: Signal<T[]>\n    setPage: (page: number) => void\n    nextPage: () => void\n    prevPage: () => void\n    hasNext: Signal<boolean>\n    hasPrev: Signal<boolean>\n  } {\n    const [currentPage, setCurrentPage] = createSignal(1)\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    const itemsPerPageResolved = createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      return AdvancedBreakpointUtils['resolveResponsiveValue'](itemsPerPage, breakpoint)\n    }) as Signal<number>\n    \n    const totalPages = createComputed(() => {\n      return Math.ceil(data.length / itemsPerPageResolved())\n    }) as Signal<number>\n    \n    const currentItems = createComputed(() => {\n      const itemsCount = itemsPerPageResolved()\n      const page = currentPage()\n      const startIndex = (page - 1) * itemsCount\n      const endIndex = startIndex + itemsCount\n      return data.slice(startIndex, endIndex)\n    }) as Signal<T[]>\n    \n    const hasNext = createComputed(() => currentPage() < totalPages()) as Signal<boolean>\n    const hasPrev = createComputed(() => currentPage() > 1) as Signal<boolean>\n    \n    const setPage = (page: number) => {\n      const maxPage = totalPages()\n      setCurrentPage(Math.max(1, Math.min(page, maxPage)))\n    }\n    \n    const nextPage = () => {\n      if (hasNext()) {\n        setCurrentPage(currentPage() + 1)\n      }\n    }\n    \n    const prevPage = () => {\n      if (hasPrev()) {\n        setCurrentPage(currentPage() - 1)\n      }\n    }\n    \n    // Reset to page 1 when items per page changes\n    createEffect(() => {\n      itemsPerPageResolved() // Subscribe to changes\n      setCurrentPage(1)\n    })\n    \n    return {\n      currentPage: currentPage as Signal<number>,\n      totalPages,\n      currentItems,\n      setPage,\n      nextPage,\n      prevPage,\n      hasNext,\n      hasPrev\n    }\n  }\n  \n  /**\n   * Create responsive filtering\n   */\n  static createResponsiveFilter<T>(\n    data: T[],\n    filters: Partial<Record<BreakpointKey, (item: T) => boolean>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      const filter = AdvancedBreakpointUtils['resolveResponsiveValue'](filters, breakpoint)\n      \n      if (!filter) return data\n      return data.filter(filter)\n    }) as Signal<T[]>\n  }\n  \n  /**\n   * Create responsive sorting\n   */\n  static createResponsiveSort<T>(\n    data: T[],\n    sorters: Partial<Record<BreakpointKey, (a: T, b: T) => number>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n    \n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      const sorter = AdvancedBreakpointUtils['resolveResponsiveValue'](sorters, breakpoint)\n      \n      if (!sorter) return data\n      return [...data].sort(sorter)\n    }) as Signal<T[]>\n  }\n}\n\n/**\n * Export all advanced utilities\n */\nexport const ResponsiveAdvanced = {\n  Breakpoints: AdvancedBreakpointUtils,\n  Hooks: ResponsiveHooks,\n  Targeting: ResponsiveTargeting,\n  Data: ResponsiveDataUtils\n}"],"names":["AdvancedBreakpointUtils","getValue","dependencies","currentBreakpoint","getCurrentBreakpoint","createComputed","dep","breakpoint","context","createBreakpointContext","values","options","smoothing","clamp","width","breakpointConfig","getCurrentBreakpointConfig","sortedPoints","bp","value","bpWidth","a","b","lowerPoint","upperPoint","i","factor","smoothedFactor","condition","trueValue","falseValue","activeValue","isResponsiveValue","responsiveObj","breakpointOrder","currentIndex","ResponsiveHooks","arrays","objects","functions","initialValues","state","setState","createSignal","stateObj","computation","createMemo","effect","cleanup","prevContext","createEffect","result","ResponsiveTargeting","breakpoints","callback","oldBreakpoint","newBreakpoint","minBreakpoint","maxBreakpoint","callbacks","isWithinRange","withinCleanup","enterCleanup","getBreakpointIndex","minIndex","maxIndex","nowWithinRange","ResponsiveDataUtils","data","itemsPerPage","currentPage","setCurrentPage","itemsPerPageResolved","totalPages","currentItems","itemsCount","startIndex","endIndex","hasNext","hasPrev","setPage","page","maxPage","nextPage","prevPage","filters","filter","sorters","sorter","ResponsiveAdvanced"],"mappings":"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"}

package/dist/modifiers/responsive/breakpoints.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./types.cjs");require("../../reactive/cleanup.cjs");require("../../reactive/unified-scheduler.cjs");const m=require("../../reactive/signal.cjs");require("../../reactive/scheduler.cjs");require("../../reactive/theme.cjs");let a={...d.DEFAULT_BREAKPOINTS};const[k,w]=m.createSignal("base"),[h,B]=m.createSignal({width:0,height:0});function b(t){V(t),a={...d.DEFAULT_BREAKPOINTS,...t},s(),typeof window<"u"&&window.addEventListener("resize",s)}function v(){return{...a}}function y(){return k}function C(){return h}function $(){typeof window>"u"||(f(),s(),window.addEventListener("resize",()=>{f(),s()}),window.addEventListener("orientationchange",()=>{setTimeout(()=>{f(),s()},100)}))}function I(){const t=k(),n=h();return{current:t,width:n.width,height:n.height,isAbove:e=>x(t,e),isBelow:e=>g(t,e),isBetween:(e,i)=>x(t,e)&&g(t,i),matches:e=>window.matchMedia(e).matches}}function u(t){const n=a[t];return n.endsWith("px")?parseInt(n,10):n.endsWith("em")||n.endsWith("rem")?parseInt(n,10)*16:parseInt(n,10)||0}function r(t){return["base","sm","md","lg","xl","2xl"].indexOf(t)}function x(t,n){return r(t)>r(n)}function g(t,n){return r(t)<r(n)}function S(t){return t==="base"?"":`(min-width: ${a[t]})`}function E(t,n){const e=[];if(t!=="base"&&e.push(`(min-width: ${a[t]})`),n&&n!=="2xl"){const i=["sm","md","lg","xl","2xl"],o=i.indexOf(n);if(o>=0&&o<i.length-1){const c=i[o+1],p=`${u(c)-1}px`;e.push(`(max-width: ${p})`)}}return e.length>0?e.join(" and "):""}function l(){return["base","sm","md","lg","xl","2xl"]}function A(t){const n=l(),e=n.indexOf(t);return e>=0?n.slice(e+1):[]}function O(t){const n=l(),e=n.indexOf(t);return e>0?n.slice(0,e):[]}function s(){if(typeof window>"u")return;const t=window.innerWidth,n=l().reverse();for(const e of n)if(e==="base"||t>=u(e)){w(e);return}w("base")}function f(){typeof window<"u"&&B({width:window.innerWidth,height:window.innerHeight})}function V(t){for(const[e,i]of Object.entries(t)){if(!d.isValidBreakpointKey(e))throw new Error(`Invalid breakpoint key: "${e}". Valid keys are: base, sm, md, lg, xl, 2xl`);if(typeof i!="string")throw new Error(`Breakpoint value for "${e}" must be a string (e.g., "768px")`);if(!i.match(/^\d+(\.\d+)?(px|em|rem|%)$/))throw new Error(`Invalid breakpoint value for "${e}": "${i}". Must be a valid CSS length (e.g., "768px", "48em")`)}const n=Object.keys(t).filter(d.isValidBreakpointKey).sort((e,i)=>r(e)-r(i));for(let e=1;e<n.length;e++){const i=n[e-1],o=n[e],c=t[i],p=t[o];if(u(i)>=parseInt(p,10))throw new Error(`Breakpoint "${o}" (${p}) must be larger than "${i}" (${c})`)}}const T={tailwind:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},bootstrap:{sm:"576px",md:"768px",lg:"992px",xl:"1200px","2xl":"1400px"},material:{sm:"600px",md:"960px",lg:"1280px",xl:"1920px","2xl":"2560px"},mobileFocus:{sm:"480px",md:"768px",lg:"1024px",xl:"1200px","2xl":"1440px"}};exports.BreakpointPresets=T;exports.breakpointToPixels=u;exports.configureBreakpoints=b;exports.createBreakpointContext=I;exports.generateMediaQuery=S;exports.generateRangeMediaQuery=E;exports.getBreakpointIndex=r;exports.getBreakpointsAbove=A;exports.getBreakpointsBelow=O;exports.getCurrentBreakpoint=y;exports.getCurrentBreakpointConfig=v;exports.getSortedBreakpoints=l;exports.getViewportDimensions=C;exports.initializeResponsiveSystem=$;exports.isBreakpointAbove=x;exports.isBreakpointBelow=g;
+//# sourceMappingURL=breakpoints.cjs.map

package/dist/modifiers/responsive/breakpoints.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.cjs","sources":["../../../src/modifiers/responsive/breakpoints.ts"],"sourcesContent":["/**\n * Breakpoint Configuration System\n * \n * Manages responsive breakpoint configuration, validation, and utilities.\n * Supports both default Tailwind-inspired breakpoints and custom configurations.\n */\n\nimport { \n  BreakpointKey, \n  BreakpointConfig, \n  DEFAULT_BREAKPOINTS,\n  BreakpointContext,\n  isValidBreakpointKey\n} from './types'\nimport { createSignal, Signal } from '../../reactive'\n\n/**\n * Global breakpoint configuration state\n */\nlet currentBreakpointConfig: Required<BreakpointConfig> = { ...DEFAULT_BREAKPOINTS }\n\n/**\n * Current active breakpoint signal\n */\nconst [currentBreakpoint, setCurrentBreakpoint] = createSignal<BreakpointKey>('base')\n\n/**\n * Current viewport dimensions signal\n */\nconst [viewportDimensions, setViewportDimensions] = createSignal({ width: 0, height: 0 })\n\n/**\n * Configure global breakpoints for the application\n */\nexport function configureBreakpoints(config: Partial<BreakpointConfig>): void {\n  // Validate breakpoint configuration\n  validateBreakpointConfig(config)\n  \n  // Update global configuration\n  currentBreakpointConfig = {\n    ...DEFAULT_BREAKPOINTS,\n    ...config\n  }\n  \n  // Re-evaluate current breakpoint\n  updateCurrentBreakpoint()\n  \n  if (typeof window !== 'undefined') {\n    // Update breakpoint on window resize\n    window.addEventListener('resize', updateCurrentBreakpoint)\n  }\n}\n\n/**\n * Get the current breakpoint configuration\n */\nexport function getCurrentBreakpointConfig(): Required<BreakpointConfig> {\n  return { ...currentBreakpointConfig }\n}\n\n/**\n * Get the current active breakpoint\n */\nexport function getCurrentBreakpoint(): Signal<BreakpointKey> {\n  return currentBreakpoint as Signal<BreakpointKey>\n}\n\n/**\n * Get current viewport dimensions\n */\nexport function getViewportDimensions(): Signal<{ width: number; height: number }> {\n  return viewportDimensions as Signal<{ width: number; height: number }>\n}\n\n/**\n * Initialize the responsive system (should be called once on app startup)\n */\nexport function initializeResponsiveSystem(): void {\n  if (typeof window === 'undefined') {\n    return // Skip on server-side\n  }\n  \n  // Set initial viewport dimensions\n  updateViewportDimensions()\n  updateCurrentBreakpoint()\n  \n  // Listen for window resize events\n  window.addEventListener('resize', () => {\n    updateViewportDimensions()\n    updateCurrentBreakpoint()\n  })\n  \n  // Listen for orientation changes\n  window.addEventListener('orientationchange', () => {\n    // Delay to ensure accurate dimensions after orientation change\n    setTimeout(() => {\n      updateViewportDimensions()\n      updateCurrentBreakpoint()\n    }, 100)\n  })\n}\n\n/**\n * Create a breakpoint context for utilities\n */\nexport function createBreakpointContext(): BreakpointContext {\n  const current = currentBreakpoint()\n  const dimensions = viewportDimensions()\n  \n  return {\n    current,\n    width: dimensions.width,\n    height: dimensions.height,\n    isAbove: (breakpoint: BreakpointKey) => isBreakpointAbove(current, breakpoint),\n    isBelow: (breakpoint: BreakpointKey) => isBreakpointBelow(current, breakpoint),\n    isBetween: (min: BreakpointKey, max: BreakpointKey) => \n      isBreakpointAbove(current, min) && isBreakpointBelow(current, max),\n    matches: (query: string) => window.matchMedia(query).matches\n  }\n}\n\n/**\n * Convert breakpoint value to numeric pixels for comparison\n */\nexport function breakpointToPixels(breakpoint: BreakpointKey): number {\n  const value = currentBreakpointConfig[breakpoint]\n  \n  // Handle different CSS units\n  if (value.endsWith('px')) {\n    return parseInt(value, 10)\n  } else if (value.endsWith('em')) {\n    return parseInt(value, 10) * 16 // Assume 16px base font size\n  } else if (value.endsWith('rem')) {\n    return parseInt(value, 10) * 16 // Assume 16px base font size\n  }\n  \n  // Fallback to direct number conversion\n  return parseInt(value, 10) || 0\n}\n\n/**\n * Get breakpoint index for comparison (base = 0, sm = 1, etc.)\n */\nexport function getBreakpointIndex(breakpoint: BreakpointKey): number {\n  const order: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n  return order.indexOf(breakpoint)\n}\n\n/**\n * Check if breakpoint A is above breakpoint B\n */\nexport function isBreakpointAbove(a: BreakpointKey, b: BreakpointKey): boolean {\n  return getBreakpointIndex(a) > getBreakpointIndex(b)\n}\n\n/**\n * Check if breakpoint A is below breakpoint B\n */\nexport function isBreakpointBelow(a: BreakpointKey, b: BreakpointKey): boolean {\n  return getBreakpointIndex(a) < getBreakpointIndex(b)\n}\n\n/**\n * Generate CSS media query string for a breakpoint\n */\nexport function generateMediaQuery(breakpoint: BreakpointKey): string {\n  if (breakpoint === 'base') {\n    return '' // No media query for base (mobile-first)\n  }\n  \n  const minWidth = currentBreakpointConfig[breakpoint]\n  return `(min-width: ${minWidth})`\n}\n\n/**\n * Generate CSS media query for a range of breakpoints\n */\nexport function generateRangeMediaQuery(min: BreakpointKey, max?: BreakpointKey): string {\n  const queries: string[] = []\n  \n  if (min !== 'base') {\n    queries.push(`(min-width: ${currentBreakpointConfig[min]})`)\n  }\n  \n  if (max && max !== '2xl') {\n    const maxBreakpoints: BreakpointKey[] = ['sm', 'md', 'lg', 'xl', '2xl']\n    const maxIndex = maxBreakpoints.indexOf(max)\n    if (maxIndex >= 0 && maxIndex < maxBreakpoints.length - 1) {\n      const nextBreakpoint = maxBreakpoints[maxIndex + 1]\n      const maxWidth = `${breakpointToPixels(nextBreakpoint) - 1}px`\n      queries.push(`(max-width: ${maxWidth})`)\n    }\n  }\n  \n  return queries.length > 0 ? queries.join(' and ') : ''\n}\n\n/**\n * Get all breakpoints sorted by size\n */\nexport function getSortedBreakpoints(): BreakpointKey[] {\n  return ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n}\n\n/**\n * Get breakpoints above a given breakpoint\n */\nexport function getBreakpointsAbove(breakpoint: BreakpointKey): BreakpointKey[] {\n  const sorted = getSortedBreakpoints()\n  const index = sorted.indexOf(breakpoint)\n  return index >= 0 ? sorted.slice(index + 1) : []\n}\n\n/**\n * Get breakpoints below a given breakpoint\n */\nexport function getBreakpointsBelow(breakpoint: BreakpointKey): BreakpointKey[] {\n  const sorted = getSortedBreakpoints()\n  const index = sorted.indexOf(breakpoint)\n  return index > 0 ? sorted.slice(0, index) : []\n}\n\n/**\n * Resolve current breakpoint based on viewport width\n */\nfunction updateCurrentBreakpoint(): void {\n  if (typeof window === 'undefined') {\n    return\n  }\n  \n  const width = window.innerWidth\n  const breakpoints = getSortedBreakpoints().reverse() // Start from largest\n  \n  for (const breakpoint of breakpoints) {\n    if (breakpoint === 'base' || width >= breakpointToPixels(breakpoint)) {\n      setCurrentBreakpoint(breakpoint)\n      return\n    }\n  }\n  \n  setCurrentBreakpoint('base')\n}\n\n/**\n * Update viewport dimensions\n */\nfunction updateViewportDimensions(): void {\n  if (typeof window !== 'undefined') {\n    setViewportDimensions({\n      width: window.innerWidth,\n      height: window.innerHeight\n    })\n  }\n}\n\n/**\n * Validate breakpoint configuration\n */\nfunction validateBreakpointConfig(config: Partial<BreakpointConfig>): void {\n  for (const [key, value] of Object.entries(config)) {\n    if (!isValidBreakpointKey(key)) {\n      throw new Error(`Invalid breakpoint key: \"${key}\". Valid keys are: base, sm, md, lg, xl, 2xl`)\n    }\n    \n    if (typeof value !== 'string') {\n      throw new Error(`Breakpoint value for \"${key}\" must be a string (e.g., \"768px\")`)\n    }\n    \n    if (!value.match(/^\\d+(\\.\\d+)?(px|em|rem|%)$/)) {\n      throw new Error(`Invalid breakpoint value for \"${key}\": \"${value}\". Must be a valid CSS length (e.g., \"768px\", \"48em\")`)\n    }\n  }\n  \n  // Validate that breakpoints are in ascending order\n  const sortedKeys = Object.keys(config).filter(isValidBreakpointKey).sort((a, b) => {\n    return getBreakpointIndex(a as BreakpointKey) - getBreakpointIndex(b as BreakpointKey)\n  })\n  \n  for (let i = 1; i < sortedKeys.length; i++) {\n    const prev = sortedKeys[i - 1] as BreakpointKey\n    const current = sortedKeys[i] as BreakpointKey\n    const prevValue = config[prev]!\n    const currentValue = config[current]!\n    \n    if (breakpointToPixels(prev) >= parseInt(currentValue, 10)) {\n      throw new Error(`Breakpoint \"${current}\" (${currentValue}) must be larger than \"${prev}\" (${prevValue})`)\n    }\n  }\n}\n\n/**\n * Create common breakpoint configurations\n */\nexport const BreakpointPresets = {\n  // Tailwind CSS (default)\n  tailwind: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px'\n  } as BreakpointConfig,\n  \n  // Bootstrap\n  bootstrap: {\n    sm: '576px',\n    md: '768px',\n    lg: '992px',\n    xl: '1200px',\n    '2xl': '1400px'\n  } as BreakpointConfig,\n  \n  // Material Design\n  material: {\n    sm: '600px',\n    md: '960px',\n    lg: '1280px',\n    xl: '1920px',\n    '2xl': '2560px'\n  } as BreakpointConfig,\n  \n  // Custom mobile-first\n  mobileFocus: {\n    sm: '480px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1200px',\n    '2xl': '1440px'\n  } as BreakpointConfig\n} as const"],"names":["currentBreakpointConfig","DEFAULT_BREAKPOINTS","currentBreakpoint","setCurrentBreakpoint","createSignal","viewportDimensions","setViewportDimensions","configureBreakpoints","config","validateBreakpointConfig","updateCurrentBreakpoint","getCurrentBreakpointConfig","getCurrentBreakpoint","getViewportDimensions","initializeResponsiveSystem","updateViewportDimensions","createBreakpointContext","current","dimensions","breakpoint","isBreakpointAbove","isBreakpointBelow","min","max","query","breakpointToPixels","value","getBreakpointIndex","a","b","generateMediaQuery","generateRangeMediaQuery","queries","maxBreakpoints","maxIndex","nextBreakpoint","maxWidth","getSortedBreakpoints","getBreakpointsAbove","sorted","index","getBreakpointsBelow","width","breakpoints","key","isValidBreakpointKey","sortedKeys","i","prev","prevValue","currentValue","BreakpointPresets"],"mappings":"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"}

package/dist/modifiers/responsive/breakpoints.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Breakpoint Configuration System
+ *
+ * Manages responsive breakpoint configuration, validation, and utilities.
+ * Supports both default Tailwind-inspired breakpoints and custom configurations.
+ */
+import { BreakpointKey, BreakpointConfig, BreakpointContext } from './types';
+import { Signal } from '../../reactive';
+/**
+ * Configure global breakpoints for the application
+ */
+export declare function configureBreakpoints(config: Partial<BreakpointConfig>): void;
+/**
+ * Get the current breakpoint configuration
+ */
+export declare function getCurrentBreakpointConfig(): Required<BreakpointConfig>;
+/**
+ * Get the current active breakpoint
+ */
+export declare function getCurrentBreakpoint(): Signal<BreakpointKey>;
+/**
+ * Get current viewport dimensions
+ */
+export declare function getViewportDimensions(): Signal<{
+    width: number;
+    height: number;
+}>;
+/**
+ * Initialize the responsive system (should be called once on app startup)
+ */
+export declare function initializeResponsiveSystem(): void;
+/**
+ * Create a breakpoint context for utilities
+ */
+export declare function createBreakpointContext(): BreakpointContext;
+/**
+ * Convert breakpoint value to numeric pixels for comparison
+ */
+export declare function breakpointToPixels(breakpoint: BreakpointKey): number;
+/**
+ * Get breakpoint index for comparison (base = 0, sm = 1, etc.)
+ */
+export declare function getBreakpointIndex(breakpoint: BreakpointKey): number;
+/**
+ * Check if breakpoint A is above breakpoint B
+ */
+export declare function isBreakpointAbove(a: BreakpointKey, b: BreakpointKey): boolean;
+/**
+ * Check if breakpoint A is below breakpoint B
+ */
+export declare function isBreakpointBelow(a: BreakpointKey, b: BreakpointKey): boolean;
+/**
+ * Generate CSS media query string for a breakpoint
+ */
+export declare function generateMediaQuery(breakpoint: BreakpointKey): string;
+/**
+ * Generate CSS media query for a range of breakpoints
+ */
+export declare function generateRangeMediaQuery(min: BreakpointKey, max?: BreakpointKey): string;
+/**
+ * Get all breakpoints sorted by size
+ */
+export declare function getSortedBreakpoints(): BreakpointKey[];
+/**
+ * Get breakpoints above a given breakpoint
+ */
+export declare function getBreakpointsAbove(breakpoint: BreakpointKey): BreakpointKey[];
+/**
+ * Get breakpoints below a given breakpoint
+ */
+export declare function getBreakpointsBelow(breakpoint: BreakpointKey): BreakpointKey[];
+/**
+ * Create common breakpoint configurations
+ */
+export declare const BreakpointPresets: {
+    readonly tailwind: BreakpointConfig;
+    readonly bootstrap: BreakpointConfig;
+    readonly material: BreakpointConfig;
+    readonly mobileFocus: BreakpointConfig;
+};
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/modifiers/responsive/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,gBAAgB,EAEhB,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAiBrD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAiB5E;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAEvE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAAC,aAAa,CAAC,CAE5D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAEjF;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,IAAI,CAuBjD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,iBAAiB,CAc3D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAcpE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAGpE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,GAAG,OAAO,CAE7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,GAAG,OAAO,CAE7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAOpE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,aAAa,GAAG,MAAM,CAkBvF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,aAAa,EAAE,CAEtD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,aAAa,GAAG,aAAa,EAAE,CAI9E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,aAAa,GAAG,aAAa,EAAE,CAI9E;AAsED;;GAEG;AACH,eAAO,MAAM,iBAAiB;uBAQvB,gBAAgB;wBAShB,gBAAgB;uBAShB,gBAAgB;0BAShB,gBAAgB;CACb,CAAA"}

package/dist/modifiers/responsive/breakpoints.js

@@ -0,0 +1,168 @@
+import { DEFAULT_BREAKPOINTS as h, isValidBreakpointKey as f } from "./types.js";
+import "../../reactive/cleanup.js";
+import "../../reactive/unified-scheduler.js";
+import { createSignal as g } from "../../reactive/signal.js";
+import "../../reactive/scheduler.js";
+import "../../reactive/theme.js";
+let a = { ...h };
+const [k, x] = g("base"), [B, b] = g({ width: 0, height: 0 });
+function O(t) {
+  v(t), a = {
+    ...h,
+    ...t
+  }, s(), typeof window < "u" && window.addEventListener("resize", s);
+}
+function V() {
+  return { ...a };
+}
+function S() {
+  return k;
+}
+function A() {
+  return B;
+}
+function D() {
+  typeof window > "u" || (u(), s(), window.addEventListener("resize", () => {
+    u(), s();
+  }), window.addEventListener("orientationchange", () => {
+    setTimeout(() => {
+      u(), s();
+    }, 100);
+  }));
+}
+function L() {
+  const t = k(), n = B();
+  return {
+    current: t,
+    width: n.width,
+    height: n.height,
+    isAbove: (e) => m(t, e),
+    isBelow: (e) => w(t, e),
+    isBetween: (e, i) => m(t, e) && w(t, i),
+    matches: (e) => window.matchMedia(e).matches
+  };
+}
+function c(t) {
+  const n = a[t];
+  return n.endsWith("px") ? parseInt(n, 10) : n.endsWith("em") || n.endsWith("rem") ? parseInt(n, 10) * 16 : parseInt(n, 10) || 0;
+}
+function o(t) {
+  return ["base", "sm", "md", "lg", "xl", "2xl"].indexOf(t);
+}
+function m(t, n) {
+  return o(t) > o(n);
+}
+function w(t, n) {
+  return o(t) < o(n);
+}
+function M(t) {
+  return t === "base" ? "" : `(min-width: ${a[t]})`;
+}
+function T(t, n) {
+  const e = [];
+  if (t !== "base" && e.push(`(min-width: ${a[t]})`), n && n !== "2xl") {
+    const i = ["sm", "md", "lg", "xl", "2xl"], r = i.indexOf(n);
+    if (r >= 0 && r < i.length - 1) {
+      const p = i[r + 1], d = `${c(p) - 1}px`;
+      e.push(`(max-width: ${d})`);
+    }
+  }
+  return e.length > 0 ? e.join(" and ") : "";
+}
+function l() {
+  return ["base", "sm", "md", "lg", "xl", "2xl"];
+}
+function j(t) {
+  const n = l(), e = n.indexOf(t);
+  return e >= 0 ? n.slice(e + 1) : [];
+}
+function z(t) {
+  const n = l(), e = n.indexOf(t);
+  return e > 0 ? n.slice(0, e) : [];
+}
+function s() {
+  if (typeof window > "u")
+    return;
+  const t = window.innerWidth, n = l().reverse();
+  for (const e of n)
+    if (e === "base" || t >= c(e)) {
+      x(e);
+      return;
+    }
+  x("base");
+}
+function u() {
+  typeof window < "u" && b({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+}
+function v(t) {
+  for (const [e, i] of Object.entries(t)) {
+    if (!f(e))
+      throw new Error(`Invalid breakpoint key: "${e}". Valid keys are: base, sm, md, lg, xl, 2xl`);
+    if (typeof i != "string")
+      throw new Error(`Breakpoint value for "${e}" must be a string (e.g., "768px")`);
+    if (!i.match(/^\d+(\.\d+)?(px|em|rem|%)$/))
+      throw new Error(`Invalid breakpoint value for "${e}": "${i}". Must be a valid CSS length (e.g., "768px", "48em")`);
+  }
+  const n = Object.keys(t).filter(f).sort((e, i) => o(e) - o(i));
+  for (let e = 1; e < n.length; e++) {
+    const i = n[e - 1], r = n[e], p = t[i], d = t[r];
+    if (c(i) >= parseInt(d, 10))
+      throw new Error(`Breakpoint "${r}" (${d}) must be larger than "${i}" (${p})`);
+  }
+}
+const K = {
+  // Tailwind CSS (default)
+  tailwind: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px"
+  },
+  // Bootstrap
+  bootstrap: {
+    sm: "576px",
+    md: "768px",
+    lg: "992px",
+    xl: "1200px",
+    "2xl": "1400px"
+  },
+  // Material Design
+  material: {
+    sm: "600px",
+    md: "960px",
+    lg: "1280px",
+    xl: "1920px",
+    "2xl": "2560px"
+  },
+  // Custom mobile-first
+  mobileFocus: {
+    sm: "480px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1200px",
+    "2xl": "1440px"
+  }
+};
+export {
+  K as BreakpointPresets,
+  c as breakpointToPixels,
+  O as configureBreakpoints,
+  L as createBreakpointContext,
+  M as generateMediaQuery,
+  T as generateRangeMediaQuery,
+  o as getBreakpointIndex,
+  j as getBreakpointsAbove,
+  z as getBreakpointsBelow,
+  S as getCurrentBreakpoint,
+  V as getCurrentBreakpointConfig,
+  l as getSortedBreakpoints,
+  A as getViewportDimensions,
+  D as initializeResponsiveSystem,
+  m as isBreakpointAbove,
+  w as isBreakpointBelow
+};
+//# sourceMappingURL=breakpoints.js.map