@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/responsive/utilities.js

@@ -1,273 +0,0 @@
-import { isResponsiveValue as h } from "./types.js";
-import { createBreakpointContext as x, getCurrentBreakpoint as m, getBreakpointIndex as d } from "./breakpoints.js";
-import "../../reactive/cleanup.js";
-import { createComputed as l } from "../../reactive/computed.js";
-import "../../reactive/unified-scheduler.js";
-import { createSignal as w } from "../../reactive/signal.js";
-import "../../reactive/scheduler.js";
-import "../../reactive/theme.js";
-function D() {
-  const e = m(), o = l(() => x());
-  return {
-    current: e,
-    context: o,
-    isAbove: (n) => l(() => d(e()) > d(n)),
-    isBelow: (n) => l(() => d(e()) < d(n)),
-    isBetween: (n, s) => l(() => {
-      const c = d(e()), u = d(n), f = d(s);
-      return c >= u && c <= f;
-    }),
-    matches: (n) => {
-      const [s, c] = w(!1);
-      if (typeof window < "u") {
-        const u = window.matchMedia(n);
-        c(u.matches);
-        const f = (b) => c(b.matches);
-        u.addEventListener("change", f);
-      }
-      return s;
-    }
-  };
-}
-function S(e) {
-  const [o, t] = w(!1);
-  if (typeof window < "u") {
-    const i = window.matchMedia(e);
-    t(i.matches);
-    const r = (a) => t(a.matches);
-    i.addEventListener("change", r);
-  }
-  return o;
-}
-function B(e) {
-  const o = m();
-  return l(() => {
-    if (!h(e))
-      return e;
-    const t = o(), i = e, r = ["base", "sm", "md", "lg", "xl", "2xl"], a = r.indexOf(t);
-    for (let n = a; n >= 0; n--) {
-      const s = r[n];
-      if (i[s] !== void 0)
-        return i[s];
-    }
-    for (const n of r)
-      if (i[n] !== void 0)
-        return i[n];
-    throw new Error("No responsive value found for any breakpoint");
-  });
-}
-function I(e, o) {
-  if (!h(e))
-    return e;
-  const t = e, i = o || m()(), r = ["base", "sm", "md", "lg", "xl", "2xl"], a = r.indexOf(i);
-  for (let n = a; n >= 0; n--) {
-    const s = r[n];
-    if (t[s] !== void 0)
-      return t[s];
-  }
-  for (const n of r)
-    if (t[n] !== void 0)
-      return t[n];
-  throw new Error("No responsive value found for any breakpoint");
-}
-function E(e, o) {
-  const t = {};
-  for (const [i, r] of Object.entries(o))
-    if (h(r)) {
-      const a = r;
-      for (const [n, s] of Object.entries(a))
-        if (s !== void 0) {
-          const c = n === "base" ? `--${e}-${i}` : `--${e}-${i}-${n}`;
-          t[c] = s.toString();
-        }
-    } else
-      t[`--${e}-${i}`] = r.toString();
-  return t;
-}
-const p = {
-  // Viewport size queries
-  mobile: "(max-width: 767px)",
-  tablet: "(min-width: 768px) and (max-width: 1023px)",
-  desktop: "(min-width: 1024px)",
-  // Device orientation
-  landscape: "(orientation: landscape)",
-  portrait: "(orientation: portrait)",
-  // Device pixel density
-  highDPI: "(min-resolution: 2dppx)",
-  lowDPI: "(max-resolution: 1dppx)",
-  retinaDisplay: "(min-resolution: 2dppx)",
-  standardDisplay: "(max-resolution: 1.9dppx)",
-  // Color scheme preference
-  darkMode: "(prefers-color-scheme: dark)",
-  lightMode: "(prefers-color-scheme: light)",
-  noColorSchemePreference: "(prefers-color-scheme: no-preference)",
-  // Reduced motion preference
-  reducedMotion: "(prefers-reduced-motion: reduce)",
-  allowMotion: "(prefers-reduced-motion: no-preference)",
-  // Contrast preference (accessibility)
-  highContrast: "(prefers-contrast: high)",
-  lowContrast: "(prefers-contrast: low)",
-  normalContrast: "(prefers-contrast: no-preference)",
-  // Data usage preference
-  reduceData: "(prefers-reduced-data: reduce)",
-  allowData: "(prefers-reduced-data: no-preference)",
-  // Transparency preference
-  reduceTransparency: "(prefers-reduced-transparency: reduce)",
-  allowTransparency: "(prefers-reduced-transparency: no-preference)",
-  // Hover capability
-  canHover: "(hover: hover)",
-  noHover: "(hover: none)",
-  // Pointer capability
-  finePointer: "(pointer: fine)",
-  // Mouse, trackpad
-  coarsePointer: "(pointer: coarse)",
-  // Touch
-  // Any-hover (any input can hover)
-  anyCanHover: "(any-hover: hover)",
-  anyNoHover: "(any-hover: none)",
-  // Any-pointer (any input type)
-  anyFinePointer: "(any-pointer: fine)",
-  anyCoarsePointer: "(any-pointer: coarse)",
-  // Update preference
-  slowUpdate: "(update: slow)",
-  // E-ink displays
-  fastUpdate: "(update: fast)",
-  // Standard displays
-  // Overflow-block capability
-  blockScrolling: "(overflow-block: scroll)",
-  blockPaged: "(overflow-block: paged)",
-  // Overflow-inline capability
-  inlineScrolling: "(overflow-inline: scroll)",
-  // Forced colors (high contrast mode)
-  forcedColors: "(forced-colors: active)",
-  normalColors: "(forced-colors: none)",
-  // Inverted colors
-  invertedColors: "(inverted-colors: inverted)",
-  normalInvertedColors: "(inverted-colors: none)",
-  // Scripting capability
-  scriptingEnabled: "(scripting: enabled)",
-  scriptingDisabled: "(scripting: none)",
-  scriptingInitialOnly: "(scripting: initial-only)",
-  // Container queries (future)
-  containerSmall: "(max-width: 400px)",
-  containerMedium: "(min-width: 401px) and (max-width: 800px)",
-  containerLarge: "(min-width: 801px)",
-  // Custom breakpoint builders
-  minWidth: (e) => `(min-width: ${e}${typeof e == "number" ? "px" : ""})`,
-  maxWidth: (e) => `(max-width: ${e}${typeof e == "number" ? "px" : ""})`,
-  between: (e, o) => `(min-width: ${e}${typeof e == "number" ? "px" : ""}) and (max-width: ${o}${typeof o == "number" ? "px" : ""})`,
-  // Height-based queries
-  minHeight: (e) => `(min-height: ${e}${typeof e == "number" ? "px" : ""})`,
-  maxHeight: (e) => `(max-height: ${e}${typeof e == "number" ? "px" : ""})`,
-  heightBetween: (e, o) => `(min-height: ${e}${typeof e == "number" ? "px" : ""}) and (max-height: ${o}${typeof o == "number" ? "px" : ""})`,
-  // Aspect ratio queries
-  square: "(aspect-ratio: 1/1)",
-  landscape16_9: "(aspect-ratio: 16/9)",
-  portrait9_16: "(aspect-ratio: 9/16)",
-  widescreen: "(min-aspect-ratio: 16/9)",
-  tallscreen: "(max-aspect-ratio: 9/16)",
-  customAspectRatio: (e) => `(aspect-ratio: ${e})`,
-  minAspectRatio: (e) => `(min-aspect-ratio: ${e})`,
-  maxAspectRatio: (e) => `(max-aspect-ratio: ${e})`,
-  // Resolution queries  
-  lowRes: "(max-resolution: 120dpi)",
-  standardRes: "(min-resolution: 120dpi) and (max-resolution: 192dpi)",
-  highRes: "(min-resolution: 192dpi)",
-  customResolution: (e) => `(min-resolution: ${e}dpi)`,
-  // Print media
-  print: "print",
-  screen: "screen",
-  speech: "speech",
-  // Device-specific queries (common patterns)
-  iPhone: "(max-width: 428px)",
-  iPad: "(min-width: 768px) and (max-width: 1024px)",
-  desktopSmall: "(min-width: 1024px) and (max-width: 1440px)",
-  desktopLarge: "(min-width: 1440px)",
-  // Special conditions
-  touchDevice: "(pointer: coarse)",
-  mouseDevice: "(pointer: fine)",
-  keyboardNavigation: "(hover: none) and (pointer: coarse)",
-  // Modern display features
-  wideColorGamut: "(color-gamut: p3)",
-  standardColorGamut: "(color-gamut: srgb)",
-  hdr: "(dynamic-range: high)",
-  sdr: "(dynamic-range: standard)"
-};
-function P(...e) {
-  return e.filter((o) => o).join(" and ");
-}
-function j(...e) {
-  return e.filter((o) => o).join(", ");
-}
-function V(e) {
-  const o = m();
-  return l(() => {
-    const t = o();
-    return !(e.hideOn && e.hideOn.includes(t) || e.showOn && !e.showOn.includes(t));
-  });
-}
-function v() {
-  if (typeof window > "u") return;
-  const e = x();
-  console.group("🔍 tachUI Responsive State"), console.log("Current breakpoint:", e.current), console.log("Viewport dimensions:", `${e.width}x${e.height}`), console.log("Available breakpoints:", ["base", "sm", "md", "lg", "xl", "2xl"]);
-  const o = {
-    Mobile: p.mobile,
-    Tablet: p.tablet,
-    Desktop: p.desktop,
-    "Dark mode": p.darkMode,
-    "Reduced motion": p.reducedMotion,
-    "Can hover": p.canHover
-  };
-  console.log("Media query matches:");
-  for (const [t, i] of Object.entries(o))
-    console.log(`  ${t}: ${window.matchMedia(i).matches}`);
-  console.groupEnd();
-}
-function H(e) {
-  return e;
-}
-function N(e = {}) {
-  if (typeof window > "u" || process.env.NODE_ENV === "production")
-    return;
-  const {
-    position: o = "top-right",
-    showDimensions: t = !0,
-    showBreakpoint: i = !0
-  } = e, r = document.createElement("div");
-  r.id = "tachui-responsive-debug", r.style.cssText = `
-    position: fixed;
-    ${o.includes("top") ? "top: 10px" : "bottom: 10px"};
-    ${o.includes("right") ? "right: 10px" : "left: 10px"};
-    background: rgba(0, 0, 0, 0.8);
-    color: white;
-    padding: 8px 12px;
-    border-radius: 4px;
-    font-family: monospace;
-    font-size: 12px;
-    z-index: 9999;
-    pointer-events: none;
-    white-space: pre-line;
-  `, document.body.appendChild(r);
-  function a() {
-    const n = x();
-    let s = "";
-    i && (s += `Breakpoint: ${n.current}`), t && (s && (s += `
-`), s += `Size: ${n.width}×${n.height}`), r.textContent = s;
-  }
-  a(), window.addEventListener("resize", a), v();
-}
-export {
-  p as MediaQueries,
-  P as combineMediaQueries,
-  E as createResponsiveCSSVariables,
-  V as createResponsiveVisibility,
-  N as enableResponsiveDebugOverlay,
-  v as logResponsiveState,
-  j as orMediaQueries,
-  I as resolveResponsiveValue,
-  D as useBreakpoint,
-  S as useMediaQuery,
-  B as useResponsiveValue,
-  H as withResponsive
-};
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../src/modifiers/responsive/utilities.ts"],"sourcesContent":["/**\n * Responsive Design Utilities\n * \n * Provides utility functions and hooks for working with responsive design\n * in tachUI applications. Includes breakpoint detection, media query helpers,\n * and responsive value resolution.\n */\n\nimport { \n  BreakpointKey, \n  BreakpointContext, \n  ResponsiveValue,\n  isResponsiveValue \n} from './types'\nimport { \n  getCurrentBreakpoint,\n  createBreakpointContext,\n  getBreakpointIndex\n} from './breakpoints'\nimport { createSignal, createComputed, Signal } from '../../reactive'\n\n/**\n * Hook to get current breakpoint information\n */\nexport function useBreakpoint(): {\n  current: Signal<BreakpointKey>\n  context: Signal<BreakpointContext>\n  isAbove: (breakpoint: BreakpointKey) => Signal<boolean>\n  isBelow: (breakpoint: BreakpointKey) => Signal<boolean>\n  isBetween: (min: BreakpointKey, max: BreakpointKey) => Signal<boolean>\n  matches: (query: string) => Signal<boolean>\n} {\n  const current = getCurrentBreakpoint()\n  \n  const context = createComputed(() => createBreakpointContext())\n  \n  const isAbove = (breakpoint: BreakpointKey) => \n    createComputed(() => getBreakpointIndex(current()) > getBreakpointIndex(breakpoint))\n  \n  const isBelow = (breakpoint: BreakpointKey) => \n    createComputed(() => getBreakpointIndex(current()) < getBreakpointIndex(breakpoint))\n  \n  const isBetween = (min: BreakpointKey, max: BreakpointKey) => \n    createComputed(() => {\n      const currentIndex = getBreakpointIndex(current())\n      const minIndex = getBreakpointIndex(min)\n      const maxIndex = getBreakpointIndex(max)\n      return currentIndex >= minIndex && currentIndex <= maxIndex\n    })\n  \n  const matches = (query: string) => {\n    const [matchesSignal, setMatches] = createSignal(false)\n    \n    if (typeof window !== 'undefined') {\n      const mediaQuery = window.matchMedia(query)\n      setMatches(mediaQuery.matches)\n      \n      const handler = (e: MediaQueryListEvent) => setMatches(e.matches)\n      mediaQuery.addEventListener('change', handler)\n      \n      // Cleanup would need to be handled by caller\n    }\n    \n    return matchesSignal as Signal<boolean>\n  }\n  \n  return {\n    current,\n    context,\n    isAbove,\n    isBelow,\n    isBetween,\n    matches\n  }\n}\n\n/**\n * Hook to create a reactive media query\n */\nexport function useMediaQuery(query: string): Signal<boolean> {\n  const [matches, setMatches] = createSignal(false)\n  \n  if (typeof window !== 'undefined') {\n    const mediaQuery = window.matchMedia(query)\n    setMatches(mediaQuery.matches)\n    \n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches)\n    mediaQuery.addEventListener('change', handler)\n    \n    // TODO: Implement cleanup mechanism\n  }\n  \n  return matches as Signal<boolean>\n}\n\n/**\n * Resolve a responsive value to its current value based on the current breakpoint\n */\nexport function useResponsiveValue<T>(value: ResponsiveValue<T>): Signal<T> {\n  const currentBreakpoint = getCurrentBreakpoint()\n  \n  return createComputed(() => {\n    if (!isResponsiveValue(value)) {\n      return value as T\n    }\n    \n    const breakpoint = currentBreakpoint()\n    const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n    \n    // Try to find value for current breakpoint or closest smaller breakpoint\n    const breakpointOrder: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n    const currentIndex = breakpointOrder.indexOf(breakpoint)\n    \n    // Search backwards from current breakpoint to find defined value\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    // This shouldn't happen with proper TypeScript usage\n    throw new Error('No responsive value found for any breakpoint')\n  })\n}\n\n/**\n * Create a responsive value resolver for static resolution\n */\nexport function resolveResponsiveValue<T>(\n  value: ResponsiveValue<T>, \n  targetBreakpoint?: 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 breakpoint = targetBreakpoint || getCurrentBreakpoint()()\n  \n  // Find value for target breakpoint or closest smaller breakpoint\n  const breakpointOrder: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n  const targetIndex = breakpointOrder.indexOf(breakpoint)\n  \n  // Search backwards from target breakpoint\n  for (let i = targetIndex; 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 for any breakpoint')\n}\n\n/**\n * Create responsive CSS custom properties (CSS variables)\n */\nexport function createResponsiveCSSVariables(\n  prefix: string,\n  values: Record<string, ResponsiveValue<string | number>>\n): Record<string, string> {\n  const cssVariables: Record<string, string> = {}\n  \n  for (const [key, value] of Object.entries(values)) {\n    if (isResponsiveValue(value)) {\n      const responsiveObj = value as Partial<Record<BreakpointKey, string | number>>\n      \n      // Create CSS variables for each breakpoint\n      for (const [breakpoint, val] of Object.entries(responsiveObj)) {\n        if (val !== undefined) {\n          const varName = breakpoint === 'base' \n            ? `--${prefix}-${key}`\n            : `--${prefix}-${key}-${breakpoint}`\n          cssVariables[varName] = val.toString()\n        }\n      }\n    } else {\n      cssVariables[`--${prefix}-${key}`] = value.toString()\n    }\n  }\n  \n  return cssVariables\n}\n\n/**\n * Generate CSS media query string for common patterns\n */\nexport const MediaQueries = {\n  // Viewport size queries\n  mobile: '(max-width: 767px)',\n  tablet: '(min-width: 768px) and (max-width: 1023px)', \n  desktop: '(min-width: 1024px)',\n  \n  // Device orientation\n  landscape: '(orientation: landscape)',\n  portrait: '(orientation: portrait)',\n  \n  // Device pixel density\n  highDPI: '(min-resolution: 2dppx)',\n  lowDPI: '(max-resolution: 1dppx)',\n  retinaDisplay: '(min-resolution: 2dppx)',\n  standardDisplay: '(max-resolution: 1.9dppx)',\n  \n  // Color scheme preference\n  darkMode: '(prefers-color-scheme: dark)',\n  lightMode: '(prefers-color-scheme: light)',\n  noColorSchemePreference: '(prefers-color-scheme: no-preference)',\n  \n  // Reduced motion preference\n  reducedMotion: '(prefers-reduced-motion: reduce)',\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  \n  // Contrast preference (accessibility)\n  highContrast: '(prefers-contrast: high)',\n  lowContrast: '(prefers-contrast: low)',\n  normalContrast: '(prefers-contrast: no-preference)',\n  \n  // Data usage preference\n  reduceData: '(prefers-reduced-data: reduce)',\n  allowData: '(prefers-reduced-data: no-preference)',\n  \n  // Transparency preference\n  reduceTransparency: '(prefers-reduced-transparency: reduce)',\n  allowTransparency: '(prefers-reduced-transparency: no-preference)',\n  \n  // Hover capability\n  canHover: '(hover: hover)',\n  noHover: '(hover: none)',\n  \n  // Pointer capability\n  finePointer: '(pointer: fine)',   // Mouse, trackpad\n  coarsePointer: '(pointer: coarse)', // Touch\n  \n  // Any-hover (any input can hover)\n  anyCanHover: '(any-hover: hover)',\n  anyNoHover: '(any-hover: none)',\n  \n  // Any-pointer (any input type)\n  anyFinePointer: '(any-pointer: fine)',\n  anyCoarsePointer: '(any-pointer: coarse)',\n  \n  // Update preference\n  slowUpdate: '(update: slow)',    // E-ink displays\n  fastUpdate: '(update: fast)',    // Standard displays\n  \n  // Overflow-block capability\n  blockScrolling: '(overflow-block: scroll)',\n  blockPaged: '(overflow-block: paged)',\n  \n  // Overflow-inline capability\n  inlineScrolling: '(overflow-inline: scroll)',\n  \n  // Forced colors (high contrast mode)\n  forcedColors: '(forced-colors: active)',\n  normalColors: '(forced-colors: none)',\n  \n  // Inverted colors\n  invertedColors: '(inverted-colors: inverted)',\n  normalInvertedColors: '(inverted-colors: none)',\n  \n  // Scripting capability\n  scriptingEnabled: '(scripting: enabled)',\n  scriptingDisabled: '(scripting: none)',\n  scriptingInitialOnly: '(scripting: initial-only)',\n  \n  // Container queries (future)\n  containerSmall: '(max-width: 400px)',\n  containerMedium: '(min-width: 401px) and (max-width: 800px)',\n  containerLarge: '(min-width: 801px)',\n  \n  // Custom breakpoint builders\n  minWidth: (width: number | string) => `(min-width: ${width}${typeof width === 'number' ? 'px' : ''})`,\n  maxWidth: (width: number | string) => `(max-width: ${width}${typeof width === 'number' ? 'px' : ''})`,\n  between: (min: number | string, max: number | string) => \n    `(min-width: ${min}${typeof min === 'number' ? 'px' : ''}) and (max-width: ${max}${typeof max === 'number' ? 'px' : ''})`,\n  \n  // Height-based queries\n  minHeight: (height: number | string) => `(min-height: ${height}${typeof height === 'number' ? 'px' : ''})`,\n  maxHeight: (height: number | string) => `(max-height: ${height}${typeof height === 'number' ? 'px' : ''})`,\n  heightBetween: (min: number | string, max: number | string) => \n    `(min-height: ${min}${typeof min === 'number' ? 'px' : ''}) and (max-height: ${max}${typeof max === 'number' ? 'px' : ''})`,\n  \n  // Aspect ratio queries\n  square: '(aspect-ratio: 1/1)',\n  landscape16_9: '(aspect-ratio: 16/9)',\n  portrait9_16: '(aspect-ratio: 9/16)',\n  widescreen: '(min-aspect-ratio: 16/9)',\n  tallscreen: '(max-aspect-ratio: 9/16)',\n  customAspectRatio: (ratio: string) => `(aspect-ratio: ${ratio})`,\n  minAspectRatio: (ratio: string) => `(min-aspect-ratio: ${ratio})`,\n  maxAspectRatio: (ratio: string) => `(max-aspect-ratio: ${ratio})`,\n  \n  // Resolution queries  \n  lowRes: '(max-resolution: 120dpi)',\n  standardRes: '(min-resolution: 120dpi) and (max-resolution: 192dpi)',\n  highRes: '(min-resolution: 192dpi)',\n  customResolution: (dpi: number) => `(min-resolution: ${dpi}dpi)`,\n  \n  // Print media\n  print: 'print',\n  screen: 'screen',\n  speech: 'speech',\n  \n  // Device-specific queries (common patterns)\n  iPhone: '(max-width: 428px)',\n  iPad: '(min-width: 768px) and (max-width: 1024px)',\n  desktopSmall: '(min-width: 1024px) and (max-width: 1440px)',\n  desktopLarge: '(min-width: 1440px)',\n  \n  // Special conditions\n  touchDevice: '(pointer: coarse)',\n  mouseDevice: '(pointer: fine)',\n  keyboardNavigation: '(hover: none) and (pointer: coarse)',\n  \n  // Modern display features\n  wideColorGamut: '(color-gamut: p3)',\n  standardColorGamut: '(color-gamut: srgb)',\n  hdr: '(dynamic-range: high)',\n  sdr: '(dynamic-range: standard)'\n} as const\n\n/**\n * Utility to combine multiple media queries\n */\nexport function combineMediaQueries(...queries: string[]): string {\n  return queries.filter(q => q).join(' and ')\n}\n\n/**\n * Utility to create OR media queries\n */\nexport function orMediaQueries(...queries: string[]): string {\n  return queries.filter(q => q).join(', ')\n}\n\n/**\n * Create a responsive show/hide utility\n */\nexport function createResponsiveVisibility(config: {\n  showOn?: BreakpointKey[]\n  hideOn?: BreakpointKey[]\n}): Signal<boolean> {\n  const currentBreakpoint = getCurrentBreakpoint()\n  \n  return createComputed(() => {\n    const current = currentBreakpoint()\n    \n    if (config.hideOn && config.hideOn.includes(current)) {\n      return false\n    }\n    \n    if (config.showOn && !config.showOn.includes(current)) {\n      return false\n    }\n    \n    return true\n  })\n}\n\n/**\n * Debug utility to log current responsive state\n */\nexport function logResponsiveState(): void {\n  if (typeof window === 'undefined') return\n  \n  const context = createBreakpointContext()\n  \n  console.group('🔍 tachUI Responsive State')\n  console.log('Current breakpoint:', context.current)\n  console.log('Viewport dimensions:', `${context.width}x${context.height}`)\n  console.log('Available breakpoints:', ['base', 'sm', 'md', 'lg', 'xl', '2xl'])\n  \n  // Test common media queries\n  const commonQueries = {\n    'Mobile': MediaQueries.mobile,\n    'Tablet': MediaQueries.tablet,\n    'Desktop': MediaQueries.desktop,\n    'Dark mode': MediaQueries.darkMode,\n    'Reduced motion': MediaQueries.reducedMotion,\n    'Can hover': MediaQueries.canHover\n  }\n  \n  console.log('Media query matches:')\n  for (const [name, query] of Object.entries(commonQueries)) {\n    console.log(`  ${name}: ${window.matchMedia(query).matches}`)\n  }\n  \n  console.groupEnd()\n}\n\n/**\n * Utility function to wrap existing modifier builder with responsive capabilities\n */\nexport function withResponsive<T>(value: T): T {\n  // For now, just return the value as-is\n  // This would be enhanced to work with actual modifier builders\n  return value\n}\n\n/**\n * Development-only responsive debugging overlay\n */\nexport function enableResponsiveDebugOverlay(options: {\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n  showDimensions?: boolean\n  showBreakpoint?: boolean\n} = {}): void {\n  if (typeof window === 'undefined' || process.env.NODE_ENV === 'production') {\n    return\n  }\n  \n  const { \n    position = 'top-right',\n    showDimensions = true,\n    showBreakpoint = true\n  } = options\n  \n  // Create debug overlay element\n  const overlay = document.createElement('div')\n  overlay.id = 'tachui-responsive-debug'\n  overlay.style.cssText = `\n    position: fixed;\n    ${position.includes('top') ? 'top: 10px' : 'bottom: 10px'};\n    ${position.includes('right') ? 'right: 10px' : 'left: 10px'};\n    background: rgba(0, 0, 0, 0.8);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 4px;\n    font-family: monospace;\n    font-size: 12px;\n    z-index: 9999;\n    pointer-events: none;\n    white-space: pre-line;\n  `\n  \n  document.body.appendChild(overlay)\n  \n  // Update overlay content\n  function updateOverlay() {\n    const context = createBreakpointContext()\n    let content = ''\n    \n    if (showBreakpoint) {\n      content += `Breakpoint: ${context.current}`\n    }\n    \n    if (showDimensions) {\n      if (content) content += '\\n'\n      content += `Size: ${context.width}×${context.height}`\n    }\n    \n    overlay.textContent = content\n  }\n  \n  // Initial update\n  updateOverlay()\n  \n  // Update on resize\n  window.addEventListener('resize', updateOverlay)\n  \n  // Log initial state\n  logResponsiveState()\n}"],"names":["useBreakpoint","current","getCurrentBreakpoint","context","createComputed","createBreakpointContext","breakpoint","getBreakpointIndex","min","max","currentIndex","minIndex","maxIndex","query","matchesSignal","setMatches","createSignal","mediaQuery","handler","e","useMediaQuery","matches","useResponsiveValue","value","currentBreakpoint","isResponsiveValue","responsiveObj","breakpointOrder","i","bp","resolveResponsiveValue","targetBreakpoint","targetIndex","createResponsiveCSSVariables","prefix","values","cssVariables","key","val","varName","MediaQueries","width","height","ratio","dpi","combineMediaQueries","queries","q","orMediaQueries","createResponsiveVisibility","config","logResponsiveState","commonQueries","name","withResponsive","enableResponsiveDebugOverlay","options","position","showDimensions","showBreakpoint","overlay","updateOverlay","content"],"mappings":"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"}

package/dist/modifiers/scroll.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./base.cjs");var n=Object.defineProperty,a=(e,r,o)=>r in e?n(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,s=(e,r,o)=>a(e,typeof r!="symbol"?r+"":r,o);class l extends c.BaseModifier{constructor(r){const o={};for(const[t,i]of Object.entries(r))typeof i=="function"&&"peek"in i?o[t]=i.peek():o[t]=i;super(o),s(this,"type","scroll"),s(this,"priority",20)}apply(r,o){if(!o.element)return;const t=this.computeScrollStyles(this.properties);this.applyStyles(o.element,t)}computeScrollStyles(r){const o={};return r.scroll&&Object.assign(o,this.generateScrollCSS(r.scroll)),r.scrollBehavior&&(o.scrollBehavior=r.scrollBehavior),r.overscrollBehavior&&(o.overscrollBehavior=r.overscrollBehavior),r.overscrollBehaviorX&&(o.overscrollBehaviorX=r.overscrollBehaviorX),r.overscrollBehaviorY&&(o.overscrollBehaviorY=r.overscrollBehaviorY),o}generateScrollCSS(r){const o={};return r.behavior&&(o.scrollBehavior=r.behavior),r.margin&&Object.assign(o,this.generateScrollMarginCSS(r.margin)),r.padding&&Object.assign(o,this.generateScrollPaddingCSS(r.padding)),r.snap&&Object.assign(o,this.generateScrollSnapCSS(r.snap)),o}generateScrollMarginCSS(r){if(typeof r=="number"||typeof r=="string")return{scrollMargin:this.formatSpacing(r)};const o={};return r.top!==void 0&&(o.scrollMarginTop=this.formatSpacing(r.top)),r.right!==void 0&&(o.scrollMarginRight=this.formatSpacing(r.right)),r.bottom!==void 0&&(o.scrollMarginBottom=this.formatSpacing(r.bottom)),r.left!==void 0&&(o.scrollMarginLeft=this.formatSpacing(r.left)),o}generateScrollPaddingCSS(r){if(typeof r=="number"||typeof r=="string")return{scrollPadding:this.formatSpacing(r)};const o={};return r.top!==void 0&&(o.scrollPaddingTop=this.formatSpacing(r.top)),r.right!==void 0&&(o.scrollPaddingRight=this.formatSpacing(r.right)),r.bottom!==void 0&&(o.scrollPaddingBottom=this.formatSpacing(r.bottom)),r.left!==void 0&&(o.scrollPaddingLeft=this.formatSpacing(r.left)),o}generateScrollSnapCSS(r){const o={};return r?.type&&(o.scrollSnapType=r.type),r?.align&&(o.scrollSnapAlign=r.align),r?.stop&&(o.scrollSnapStop=r.stop),o}formatSpacing(r){return typeof r=="number"?`${r}px`:r}}function f(e){return new l({scroll:e})}function v(e){return new l({scrollBehavior:e})}function h(e){return new l({overscrollBehavior:e})}function S(e){return new l({overscrollBehaviorX:e})}function u(e){return new l({overscrollBehaviorY:e})}function g(e){return new l({scroll:{margin:e}})}function p(e){return new l({scroll:{padding:e}})}function B(e,r,o){return new l({scroll:{snap:{type:e,align:r,stop:o}}})}exports.ScrollModifier=l;exports.overscrollBehavior=h;exports.overscrollBehaviorX=S;exports.overscrollBehaviorY=u;exports.scroll=f;exports.scrollBehavior=v;exports.scrollMargin=g;exports.scrollPadding=p;exports.scrollSnap=B;
-//# sourceMappingURL=scroll.cjs.map

package/dist/modifiers/scroll.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.cjs","sources":["../../src/modifiers/scroll.ts"],"sourcesContent":["/**\n * Scroll Modifiers - Modern scroll behaviors\n *\n * Provides scroll snap, smooth scrolling, overscroll control,\n * scroll margin, and scroll padding capabilities.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface ScrollConfig {\n  // Scroll behavior\n  behavior?: 'auto' | 'smooth'\n  \n  // Scroll margin (spacing around scroll targets)  \n  margin?: number | string | {\n    top?: number | string\n    right?: number | string\n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll padding (inner spacing for scroll containers)\n  padding?: number | string | {\n    top?: number | string\n    right?: number | string  \n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll snap behavior\n  snap?: {\n    type?: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity'\n    align?: 'start' | 'end' | 'center'\n    stop?: 'normal' | 'always'\n  }\n}\n\nexport type OverscrollBehaviorValue = 'auto' | 'contain' | 'none'\n\nexport interface ScrollOptions {\n  scroll?: ScrollConfig\n  scrollBehavior?: 'auto' | 'smooth'\n  overscrollBehavior?: OverscrollBehaviorValue\n  overscrollBehaviorX?: OverscrollBehaviorValue\n  overscrollBehaviorY?: OverscrollBehaviorValue\n}\n\nexport type ReactiveScrollOptions = ReactiveModifierProps<ScrollOptions>\n\nexport class ScrollModifier extends BaseModifier<ScrollOptions> {\n  readonly type = 'scroll'\n  readonly priority = 20\n\n  constructor(options: ReactiveScrollOptions) {\n    const resolvedOptions: ScrollOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeScrollStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeScrollStyles(props: ScrollOptions) {\n    const styles: Record<string, string> = {}\n\n    // Handle scroll configuration\n    if (props.scroll) {\n      Object.assign(styles, this.generateScrollCSS(props.scroll))\n    }\n\n    // Individual scroll properties\n    if (props.scrollBehavior) {\n      styles.scrollBehavior = props.scrollBehavior\n    }\n\n    if (props.overscrollBehavior) {\n      styles.overscrollBehavior = props.overscrollBehavior\n    }\n\n    if (props.overscrollBehaviorX) {\n      styles.overscrollBehaviorX = props.overscrollBehaviorX\n    }\n\n    if (props.overscrollBehaviorY) {\n      styles.overscrollBehaviorY = props.overscrollBehaviorY\n    }\n\n    return styles\n  }\n\n  private generateScrollCSS(config: ScrollConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    // Scroll behavior\n    if (config.behavior) {\n      styles.scrollBehavior = config.behavior\n    }\n    \n    // Scroll margin\n    if (config.margin) {\n      Object.assign(styles, this.generateScrollMarginCSS(config.margin))\n    }\n    \n    // Scroll padding  \n    if (config.padding) {\n      Object.assign(styles, this.generateScrollPaddingCSS(config.padding))\n    }\n    \n    // Scroll snap\n    if (config.snap) {\n      Object.assign(styles, this.generateScrollSnapCSS(config.snap))\n    }\n    \n    return styles\n  }\n\n  private generateScrollMarginCSS(margin: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof margin === 'number' || typeof margin === 'string') {\n      return { scrollMargin: this.formatSpacing(margin) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (margin.top !== undefined) styles.scrollMarginTop = this.formatSpacing(margin.top)\n    if (margin.right !== undefined) styles.scrollMarginRight = this.formatSpacing(margin.right)\n    if (margin.bottom !== undefined) styles.scrollMarginBottom = this.formatSpacing(margin.bottom)\n    if (margin.left !== undefined) styles.scrollMarginLeft = this.formatSpacing(margin.left)\n    \n    return styles\n  }\n\n  private generateScrollPaddingCSS(padding: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof padding === 'number' || typeof padding === 'string') {\n      return { scrollPadding: this.formatSpacing(padding) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (padding.top !== undefined) styles.scrollPaddingTop = this.formatSpacing(padding.top)\n    if (padding.right !== undefined) styles.scrollPaddingRight = this.formatSpacing(padding.right)\n    if (padding.bottom !== undefined) styles.scrollPaddingBottom = this.formatSpacing(padding.bottom)\n    if (padding.left !== undefined) styles.scrollPaddingLeft = this.formatSpacing(padding.left)\n    \n    return styles\n  }\n\n  private generateScrollSnapCSS(snap: ScrollConfig['snap']): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    if (snap?.type) {\n      styles.scrollSnapType = snap.type\n    }\n    \n    if (snap?.align) {\n      styles.scrollSnapAlign = snap.align\n    }\n    \n    if (snap?.stop) {\n      styles.scrollSnapStop = snap.stop\n    }\n    \n    return styles\n  }\n\n  private formatSpacing(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n/**\n * Enhanced scroll modifier with scroll snap and smooth scrolling\n *\n * @example\n * ```typescript\n * .scroll({\n *   behavior: 'smooth',\n *   margin: { top: 20, bottom: 20 },\n *   snap: { type: 'y mandatory', align: 'start' }\n * })\n * ```\n */\nexport function scroll(config: ScrollConfig): ScrollModifier {\n  return new ScrollModifier({ scroll: config })\n}\n\n/**\n * Scroll behavior modifier\n *\n * @example\n * ```typescript\n * .scrollBehavior('smooth')  // Smooth scrolling\n * .scrollBehavior('auto')    // Default browser scrolling\n * ```\n */\nexport function scrollBehavior(value: 'auto' | 'smooth'): ScrollModifier {\n  return new ScrollModifier({ scrollBehavior: value })\n}\n\n/**\n * Overscroll behavior modifier - controls bounce/rubber band effects\n *\n * @example\n * ```typescript\n * .overscrollBehavior('contain')  // Prevent scroll chaining\n * .overscrollBehavior('none')     // Disable overscroll effects\n * .overscrollBehavior('auto')     // Default behavior\n * ```\n */\nexport function overscrollBehavior(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehavior: value })\n}\n\n/**\n * Overscroll behavior X modifier - horizontal overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorX('contain')  // Prevent horizontal overscroll\n * ```\n */\nexport function overscrollBehaviorX(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorX: value })\n}\n\n/**\n * Overscroll behavior Y modifier - vertical overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorY('none')  // Disable vertical rubber band effect\n * ```\n */\nexport function overscrollBehaviorY(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorY: value })\n}\n\n/**\n * Scroll margin shorthand - sets spacing around scroll targets\n *\n * @example\n * ```typescript\n * .scrollMargin(20)  // All sides\n * .scrollMargin({ top: 80, bottom: 20 })  // Navigation offset\n * ```\n */\nexport function scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { margin } })\n}\n\n/**\n * Scroll padding shorthand - sets inner spacing for scroll containers\n *\n * @example\n * ```typescript\n * .scrollPadding(16)  // All sides\n * .scrollPadding({ top: 60, bottom: 20 })  // Header/footer padding\n * ```\n */\nexport function scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { padding } })\n}\n\n/**\n * Scroll snap shorthand - quick scroll snap configuration\n *\n * @example\n * ```typescript\n * .scrollSnap('y mandatory', 'start')  // Vertical mandatory snapping to start\n * .scrollSnap('x proximity', 'center') // Horizontal proximity snapping to center\n * ```\n */\nexport function scrollSnap(\n  type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity',\n  align?: 'start' | 'end' | 'center',\n  stop?: 'normal' | 'always'\n): ScrollModifier {\n  return new ScrollModifier({ \n    scroll: { \n      snap: { type, align, stop } \n    } \n  })\n}"],"names":["ScrollModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","config","margin","padding","snap","scroll","scrollBehavior","overscrollBehavior","overscrollBehaviorX","overscrollBehaviorY","scrollMargin","scrollPadding","scrollSnap","type","align","stop"],"mappings":"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"}

package/dist/modifiers/scroll.js

@@ -1,82 +0,0 @@
-import { BaseModifier as n } from "./base.js";
-var c = Object.defineProperty, a = (e, r, o) => r in e ? c(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, s = (e, r, o) => a(e, typeof r != "symbol" ? r + "" : r, o);
-class t extends n {
-  constructor(r) {
-    const o = {};
-    for (const [l, i] of Object.entries(r))
-      typeof i == "function" && "peek" in i ? o[l] = i.peek() : o[l] = i;
-    super(o), s(this, "type", "scroll"), s(this, "priority", 20);
-  }
-  apply(r, o) {
-    if (!o.element) return;
-    const l = this.computeScrollStyles(this.properties);
-    this.applyStyles(o.element, l);
-  }
-  computeScrollStyles(r) {
-    const o = {};
-    return r.scroll && Object.assign(o, this.generateScrollCSS(r.scroll)), r.scrollBehavior && (o.scrollBehavior = r.scrollBehavior), r.overscrollBehavior && (o.overscrollBehavior = r.overscrollBehavior), r.overscrollBehaviorX && (o.overscrollBehaviorX = r.overscrollBehaviorX), r.overscrollBehaviorY && (o.overscrollBehaviorY = r.overscrollBehaviorY), o;
-  }
-  generateScrollCSS(r) {
-    const o = {};
-    return r.behavior && (o.scrollBehavior = r.behavior), r.margin && Object.assign(o, this.generateScrollMarginCSS(r.margin)), r.padding && Object.assign(o, this.generateScrollPaddingCSS(r.padding)), r.snap && Object.assign(o, this.generateScrollSnapCSS(r.snap)), o;
-  }
-  generateScrollMarginCSS(r) {
-    if (typeof r == "number" || typeof r == "string")
-      return { scrollMargin: this.formatSpacing(r) };
-    const o = {};
-    return r.top !== void 0 && (o.scrollMarginTop = this.formatSpacing(r.top)), r.right !== void 0 && (o.scrollMarginRight = this.formatSpacing(r.right)), r.bottom !== void 0 && (o.scrollMarginBottom = this.formatSpacing(r.bottom)), r.left !== void 0 && (o.scrollMarginLeft = this.formatSpacing(r.left)), o;
-  }
-  generateScrollPaddingCSS(r) {
-    if (typeof r == "number" || typeof r == "string")
-      return { scrollPadding: this.formatSpacing(r) };
-    const o = {};
-    return r.top !== void 0 && (o.scrollPaddingTop = this.formatSpacing(r.top)), r.right !== void 0 && (o.scrollPaddingRight = this.formatSpacing(r.right)), r.bottom !== void 0 && (o.scrollPaddingBottom = this.formatSpacing(r.bottom)), r.left !== void 0 && (o.scrollPaddingLeft = this.formatSpacing(r.left)), o;
-  }
-  generateScrollSnapCSS(r) {
-    const o = {};
-    return r?.type && (o.scrollSnapType = r.type), r?.align && (o.scrollSnapAlign = r.align), r?.stop && (o.scrollSnapStop = r.stop), o;
-  }
-  formatSpacing(r) {
-    return typeof r == "number" ? `${r}px` : r;
-  }
-}
-function v(e) {
-  return new t({ scroll: e });
-}
-function h(e) {
-  return new t({ scrollBehavior: e });
-}
-function S(e) {
-  return new t({ overscrollBehavior: e });
-}
-function u(e) {
-  return new t({ overscrollBehaviorX: e });
-}
-function p(e) {
-  return new t({ overscrollBehaviorY: e });
-}
-function g(e) {
-  return new t({ scroll: { margin: e } });
-}
-function B(e) {
-  return new t({ scroll: { padding: e } });
-}
-function y(e, r, o) {
-  return new t({
-    scroll: {
-      snap: { type: e, align: r, stop: o }
-    }
-  });
-}
-export {
-  t as ScrollModifier,
-  S as overscrollBehavior,
-  u as overscrollBehaviorX,
-  p as overscrollBehaviorY,
-  v as scroll,
-  h as scrollBehavior,
-  g as scrollMargin,
-  B as scrollPadding,
-  y as scrollSnap
-};
-//# sourceMappingURL=scroll.js.map

package/dist/modifiers/scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.js","sources":["../../src/modifiers/scroll.ts"],"sourcesContent":["/**\n * Scroll Modifiers - Modern scroll behaviors\n *\n * Provides scroll snap, smooth scrolling, overscroll control,\n * scroll margin, and scroll padding capabilities.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface ScrollConfig {\n  // Scroll behavior\n  behavior?: 'auto' | 'smooth'\n  \n  // Scroll margin (spacing around scroll targets)  \n  margin?: number | string | {\n    top?: number | string\n    right?: number | string\n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll padding (inner spacing for scroll containers)\n  padding?: number | string | {\n    top?: number | string\n    right?: number | string  \n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll snap behavior\n  snap?: {\n    type?: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity'\n    align?: 'start' | 'end' | 'center'\n    stop?: 'normal' | 'always'\n  }\n}\n\nexport type OverscrollBehaviorValue = 'auto' | 'contain' | 'none'\n\nexport interface ScrollOptions {\n  scroll?: ScrollConfig\n  scrollBehavior?: 'auto' | 'smooth'\n  overscrollBehavior?: OverscrollBehaviorValue\n  overscrollBehaviorX?: OverscrollBehaviorValue\n  overscrollBehaviorY?: OverscrollBehaviorValue\n}\n\nexport type ReactiveScrollOptions = ReactiveModifierProps<ScrollOptions>\n\nexport class ScrollModifier extends BaseModifier<ScrollOptions> {\n  readonly type = 'scroll'\n  readonly priority = 20\n\n  constructor(options: ReactiveScrollOptions) {\n    const resolvedOptions: ScrollOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeScrollStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeScrollStyles(props: ScrollOptions) {\n    const styles: Record<string, string> = {}\n\n    // Handle scroll configuration\n    if (props.scroll) {\n      Object.assign(styles, this.generateScrollCSS(props.scroll))\n    }\n\n    // Individual scroll properties\n    if (props.scrollBehavior) {\n      styles.scrollBehavior = props.scrollBehavior\n    }\n\n    if (props.overscrollBehavior) {\n      styles.overscrollBehavior = props.overscrollBehavior\n    }\n\n    if (props.overscrollBehaviorX) {\n      styles.overscrollBehaviorX = props.overscrollBehaviorX\n    }\n\n    if (props.overscrollBehaviorY) {\n      styles.overscrollBehaviorY = props.overscrollBehaviorY\n    }\n\n    return styles\n  }\n\n  private generateScrollCSS(config: ScrollConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    // Scroll behavior\n    if (config.behavior) {\n      styles.scrollBehavior = config.behavior\n    }\n    \n    // Scroll margin\n    if (config.margin) {\n      Object.assign(styles, this.generateScrollMarginCSS(config.margin))\n    }\n    \n    // Scroll padding  \n    if (config.padding) {\n      Object.assign(styles, this.generateScrollPaddingCSS(config.padding))\n    }\n    \n    // Scroll snap\n    if (config.snap) {\n      Object.assign(styles, this.generateScrollSnapCSS(config.snap))\n    }\n    \n    return styles\n  }\n\n  private generateScrollMarginCSS(margin: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof margin === 'number' || typeof margin === 'string') {\n      return { scrollMargin: this.formatSpacing(margin) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (margin.top !== undefined) styles.scrollMarginTop = this.formatSpacing(margin.top)\n    if (margin.right !== undefined) styles.scrollMarginRight = this.formatSpacing(margin.right)\n    if (margin.bottom !== undefined) styles.scrollMarginBottom = this.formatSpacing(margin.bottom)\n    if (margin.left !== undefined) styles.scrollMarginLeft = this.formatSpacing(margin.left)\n    \n    return styles\n  }\n\n  private generateScrollPaddingCSS(padding: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof padding === 'number' || typeof padding === 'string') {\n      return { scrollPadding: this.formatSpacing(padding) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (padding.top !== undefined) styles.scrollPaddingTop = this.formatSpacing(padding.top)\n    if (padding.right !== undefined) styles.scrollPaddingRight = this.formatSpacing(padding.right)\n    if (padding.bottom !== undefined) styles.scrollPaddingBottom = this.formatSpacing(padding.bottom)\n    if (padding.left !== undefined) styles.scrollPaddingLeft = this.formatSpacing(padding.left)\n    \n    return styles\n  }\n\n  private generateScrollSnapCSS(snap: ScrollConfig['snap']): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    if (snap?.type) {\n      styles.scrollSnapType = snap.type\n    }\n    \n    if (snap?.align) {\n      styles.scrollSnapAlign = snap.align\n    }\n    \n    if (snap?.stop) {\n      styles.scrollSnapStop = snap.stop\n    }\n    \n    return styles\n  }\n\n  private formatSpacing(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n/**\n * Enhanced scroll modifier with scroll snap and smooth scrolling\n *\n * @example\n * ```typescript\n * .scroll({\n *   behavior: 'smooth',\n *   margin: { top: 20, bottom: 20 },\n *   snap: { type: 'y mandatory', align: 'start' }\n * })\n * ```\n */\nexport function scroll(config: ScrollConfig): ScrollModifier {\n  return new ScrollModifier({ scroll: config })\n}\n\n/**\n * Scroll behavior modifier\n *\n * @example\n * ```typescript\n * .scrollBehavior('smooth')  // Smooth scrolling\n * .scrollBehavior('auto')    // Default browser scrolling\n * ```\n */\nexport function scrollBehavior(value: 'auto' | 'smooth'): ScrollModifier {\n  return new ScrollModifier({ scrollBehavior: value })\n}\n\n/**\n * Overscroll behavior modifier - controls bounce/rubber band effects\n *\n * @example\n * ```typescript\n * .overscrollBehavior('contain')  // Prevent scroll chaining\n * .overscrollBehavior('none')     // Disable overscroll effects\n * .overscrollBehavior('auto')     // Default behavior\n * ```\n */\nexport function overscrollBehavior(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehavior: value })\n}\n\n/**\n * Overscroll behavior X modifier - horizontal overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorX('contain')  // Prevent horizontal overscroll\n * ```\n */\nexport function overscrollBehaviorX(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorX: value })\n}\n\n/**\n * Overscroll behavior Y modifier - vertical overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorY('none')  // Disable vertical rubber band effect\n * ```\n */\nexport function overscrollBehaviorY(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorY: value })\n}\n\n/**\n * Scroll margin shorthand - sets spacing around scroll targets\n *\n * @example\n * ```typescript\n * .scrollMargin(20)  // All sides\n * .scrollMargin({ top: 80, bottom: 20 })  // Navigation offset\n * ```\n */\nexport function scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { margin } })\n}\n\n/**\n * Scroll padding shorthand - sets inner spacing for scroll containers\n *\n * @example\n * ```typescript\n * .scrollPadding(16)  // All sides\n * .scrollPadding({ top: 60, bottom: 20 })  // Header/footer padding\n * ```\n */\nexport function scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { padding } })\n}\n\n/**\n * Scroll snap shorthand - quick scroll snap configuration\n *\n * @example\n * ```typescript\n * .scrollSnap('y mandatory', 'start')  // Vertical mandatory snapping to start\n * .scrollSnap('x proximity', 'center') // Horizontal proximity snapping to center\n * ```\n */\nexport function scrollSnap(\n  type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity',\n  align?: 'start' | 'end' | 'center',\n  stop?: 'normal' | 'always'\n): ScrollModifier {\n  return new ScrollModifier({ \n    scroll: { \n      snap: { type, align, stop } \n    } \n  })\n}"],"names":["ScrollModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","config","margin","padding","snap","scroll","scrollBehavior","overscrollBehavior","overscrollBehaviorX","overscrollBehaviorY","scrollMargin","scrollPadding","scrollSnap","type","align","stop"],"mappings":"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"}

package/dist/modifiers/shadows.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./base.cjs");var c=Object.defineProperty,S=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,u=(r,e,t)=>S(r,typeof e!="symbol"?e+"":e,t);class i extends w.BaseModifier{constructor(e){const t={};for(const[o,a]of Object.entries(e))typeof a=="function"&&"peek"in a?t[o]=a.peek():t[o]=a;super(t),u(this,"type","shadow"),u(this,"priority",30),process.env.NODE_ENV==="development"&&this.validateShadowConfigurations(t)}apply(e,t){if(!t.element)return;const o=this.computeShadowStyles(this.properties);this.applyStyles(t.element,o)}computeShadowStyles(e){const t={};if(e.preset){const o=n[e.preset];o?t.boxShadow=this.generateShadowCSS(o.shadows):console.warn(`Shadow preset "${e.preset}" not found`)}if(e.shadow&&(t.boxShadow=this.generateShadowCSS([e.shadow])),e.shadows&&(t.boxShadow=this.generateShadowCSS(e.shadows)),e.textShadow){const o=Array.isArray(e.textShadow)?e.textShadow:[e.textShadow];t.textShadow=this.generateTextShadowCSS(o)}return t}generateShadowCSS(e){return e.map(t=>{const o=t.inset?"inset ":"",a=t.spread!==void 0?` ${this.formatLength(t.spread)}`:"";return`${o}${this.formatLength(t.x)} ${this.formatLength(t.y)} ${this.formatLength(t.blur)}${a} ${t.color}`}).join(", ")}generateTextShadowCSS(e){return e.map(t=>`${this.formatLength(t.x)} ${this.formatLength(t.y)} ${this.formatLength(t.blur)} ${t.color}`).join(", ")}formatLength(e){return`${e}px`}validateShadowConfigurations(e){e.textShadow&&(Array.isArray(e.textShadow)?e.textShadow:[e.textShadow]).forEach((o,a)=>{this.validateShadowConfig(o,`textShadow[${a}]`)}),e.shadow&&this.validateShadowConfig(e.shadow,"shadow"),e.shadows&&e.shadows.forEach((t,o)=>{this.validateShadowConfig(t,`shadows[${o}]`)})}validateShadowConfig(e,t){if(!e||typeof e!="object")return;const o=["x","y","blur","spread","color","inset","type"],a=["x","y","blur","color"],h={radius:"blur",blurRadius:"blur",horizontal:"x",vertical:"y",offsetX:"x",offsetY:"y"},d=Object.keys(e).filter(s=>!o.includes(s));d.length>0&&(console.warn(`TachUI Shadow (${t}): Invalid properties found: ${d.join(", ")}`),d.forEach(s=>{h[s]&&console.warn(`  ❌ "${s}" should be "${h[s]}"`)}),console.warn(`  ✅ Valid properties: ${o.join(", ")}`));const l=a.filter(s=>e[s]===void 0);l.length>0&&console.error(`TachUI Shadow (${t}): Missing required properties: ${l.join(", ")}`),e.radius!==void 0&&e.blur===void 0&&(console.error(`TachUI Shadow (${t}): "radius" is not a valid property. Use "blur" instead.`),console.error(`  Current: { ..., radius: ${e.radius} }`),console.error(`  Correct: { ..., blur: ${e.radius} }`))}}const n={"elevation-1":{name:"Material Design Elevation 1",shadows:[{x:0,y:1,blur:3,color:"rgba(0,0,0,0.12)"},{x:0,y:1,blur:2,color:"rgba(0,0,0,0.24)"}]},"elevation-2":{name:"Material Design Elevation 2",shadows:[{x:0,y:3,blur:6,color:"rgba(0,0,0,0.15)"},{x:0,y:2,blur:4,color:"rgba(0,0,0,0.12)"}]},"elevation-3":{name:"Material Design Elevation 3",shadows:[{x:0,y:10,blur:20,color:"rgba(0,0,0,0.15)"},{x:0,y:3,blur:6,color:"rgba(0,0,0,0.10)"}]},"depth-small":{name:"Small Depth Shadow",shadows:[{x:0,y:1,blur:2,color:"rgba(0,0,0,0.1)"}]},"depth-medium":{name:"Medium Depth Shadow",shadows:[{x:0,y:2,blur:4,color:"rgba(0,0,0,0.1)"},{x:0,y:4,blur:8,color:"rgba(0,0,0,0.12)"}]},"depth-large":{name:"Large Depth Shadow",shadows:[{x:0,y:4,blur:8,color:"rgba(0,0,0,0.12)"},{x:0,y:8,blur:24,color:"rgba(0,0,0,0.15)"}]}};function f(r){return new i({shadow:r})}function b(r){return new i({shadows:r})}function g(r){return new i({textShadow:r})}function y(r){return new i({preset:r})}function x(r,e){n[r]={name:r,shadows:e,description:`Custom shadow preset: ${r}`}}function m(){return Object.keys(n)}function v(r){return n[r]}exports.ShadowModifier=i;exports.createShadowPreset=x;exports.getShadowPreset=v;exports.getShadowPresets=m;exports.shadow=f;exports.shadowPreset=y;exports.shadows=b;exports.textShadow=g;
-//# sourceMappingURL=shadows.cjs.map

package/dist/modifiers/shadows.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.cjs","sources":["../../src/modifiers/shadows.ts"],"sourcesContent":["/**\n * Shadow Modifiers - Comprehensive shadow system\n *\n * Provides enhanced shadow styling with Material Design presets,\n * multiple shadow support, and text shadow capabilities.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface ShadowConfig {\n  x: number                    // Horizontal offset\n  y: number                    // Vertical offset\n  blur: number                 // Blur radius\n  spread?: number              // Spread radius (default: 0)\n  color: string                // Shadow color\n  inset?: boolean              // Inset shadow (default: false)\n  type?: 'drop' | 'inner' | 'text'  // Shadow type (default: 'drop')\n}\n\nexport interface ShadowPreset {\n  name: string\n  shadows: ShadowConfig[]\n  description?: string\n}\n\nexport interface ShadowOptions {\n  shadow?: ShadowConfig\n  shadows?: ShadowConfig[]\n  textShadow?: ShadowConfig | ShadowConfig[]\n  preset?: string\n}\n\nexport type ReactiveShadowOptions = ReactiveModifierProps<ShadowOptions>\n\nexport class ShadowModifier extends BaseModifier<ShadowOptions> {\n  readonly type = 'shadow'\n  readonly priority = 30\n\n  constructor(options: ReactiveShadowOptions) {\n    const resolvedOptions: ShadowOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    \n    super(resolvedOptions)\n    \n    // Validate shadow configurations in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateShadowConfigurations(resolvedOptions)\n    }\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeShadowStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeShadowStyles(props: ShadowOptions) {\n    const styles: Record<string, string> = {}\n\n    // Handle preset shadows\n    if (props.preset) {\n      const preset = shadowPresets[props.preset]\n      if (preset) {\n        styles.boxShadow = this.generateShadowCSS(preset.shadows)\n      } else {\n        console.warn(`Shadow preset \"${props.preset}\" not found`)\n      }\n    }\n\n    // Handle single shadow\n    if (props.shadow) {\n      styles.boxShadow = this.generateShadowCSS([props.shadow])\n    }\n\n    // Handle multiple shadows\n    if (props.shadows) {\n      styles.boxShadow = this.generateShadowCSS(props.shadows)\n    }\n\n    // Handle text shadow\n    if (props.textShadow) {\n      const shadowConfigs = Array.isArray(props.textShadow) ? props.textShadow : [props.textShadow]\n      styles.textShadow = this.generateTextShadowCSS(shadowConfigs)\n    }\n\n    return styles\n  }\n\n  private generateShadowCSS(shadows: ShadowConfig[]): string {\n    return shadows.map(shadow => {\n      const insetPrefix = shadow.inset ? 'inset ' : ''\n      const spreadValue = shadow.spread !== undefined ? ` ${this.formatLength(shadow.spread)}` : ''\n      \n      return `${insetPrefix}${this.formatLength(shadow.x)} ${this.formatLength(shadow.y)} ${this.formatLength(shadow.blur)}${spreadValue} ${shadow.color}`\n    }).join(', ')\n  }\n\n  private generateTextShadowCSS(shadows: ShadowConfig[]): string {\n    return shadows.map(shadow => \n      `${this.formatLength(shadow.x)} ${this.formatLength(shadow.y)} ${this.formatLength(shadow.blur)} ${shadow.color}`\n    ).join(', ')\n  }\n\n  private formatLength(value: number): string {\n    return `${value}px`\n  }\n\n  /**\n   * Validate shadow configurations for common mistakes\n   */\n  private validateShadowConfigurations(options: ShadowOptions): void {\n    // Validate textShadow configurations\n    if (options.textShadow) {\n      const shadows = Array.isArray(options.textShadow) ? options.textShadow : [options.textShadow]\n      shadows.forEach((shadow, index) => {\n        this.validateShadowConfig(shadow, `textShadow[${index}]`)\n      })\n    }\n\n    // Validate regular shadow configurations\n    if (options.shadow) {\n      this.validateShadowConfig(options.shadow, 'shadow')\n    }\n\n    if (options.shadows) {\n      options.shadows.forEach((shadow, index) => {\n        this.validateShadowConfig(shadow, `shadows[${index}]`)\n      })\n    }\n  }\n\n  /**\n   * Validate individual shadow configuration for common mistakes\n   */\n  private validateShadowConfig(config: any, context: string): void {\n    if (!config || typeof config !== 'object') return\n\n    const validKeys = ['x', 'y', 'blur', 'spread', 'color', 'inset', 'type']\n    const requiredKeys = ['x', 'y', 'blur', 'color']\n    const commonMistakes = {\n      'radius': 'blur',\n      'blurRadius': 'blur', \n      'horizontal': 'x',\n      'vertical': 'y',\n      'offsetX': 'x',\n      'offsetY': 'y'\n    }\n\n    // Check for invalid properties\n    const invalidKeys = Object.keys(config).filter(key => !validKeys.includes(key))\n    if (invalidKeys.length > 0) {\n      console.warn(`TachUI Shadow (${context}): Invalid properties found: ${invalidKeys.join(', ')}`)\n      \n      // Suggest corrections for common mistakes\n      invalidKeys.forEach(key => {\n        if (commonMistakes[key as keyof typeof commonMistakes]) {\n          console.warn(`  ❌ \"${key}\" should be \"${commonMistakes[key as keyof typeof commonMistakes]}\"`)\n        }\n      })\n      \n      console.warn(`  ✅ Valid properties: ${validKeys.join(', ')}`)\n    }\n\n    // Check for missing required properties\n    const missingKeys = requiredKeys.filter(key => config[key] === undefined)\n    if (missingKeys.length > 0) {\n      console.error(`TachUI Shadow (${context}): Missing required properties: ${missingKeys.join(', ')}`)\n    }\n\n    // Specific check for the radius vs blur mistake\n    if (config.radius !== undefined && config.blur === undefined) {\n      console.error(`TachUI Shadow (${context}): \"radius\" is not a valid property. Use \"blur\" instead.`)\n      console.error(`  Current: { ..., radius: ${config.radius} }`)\n      console.error(`  Correct: { ..., blur: ${config.radius} }`)\n    }\n  }\n}\n\n// Shadow presets following Material Design elevation\nconst shadowPresets: Record<string, ShadowPreset> = {\n  'elevation-1': {\n    name: 'Material Design Elevation 1',\n    shadows: [\n      { x: 0, y: 1, blur: 3, color: 'rgba(0,0,0,0.12)' },\n      { x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.24)' }\n    ]\n  },\n  'elevation-2': {\n    name: 'Material Design Elevation 2', \n    shadows: [\n      { x: 0, y: 3, blur: 6, color: 'rgba(0,0,0,0.15)' },\n      { x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.12)' }\n    ]\n  },\n  'elevation-3': {\n    name: 'Material Design Elevation 3',\n    shadows: [\n      { x: 0, y: 10, blur: 20, color: 'rgba(0,0,0,0.15)' },\n      { x: 0, y: 3, blur: 6, color: 'rgba(0,0,0,0.10)' }\n    ]\n  },\n  'depth-small': {\n    name: 'Small Depth Shadow',\n    shadows: [{ x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.1)' }]\n  },\n  'depth-medium': {\n    name: 'Medium Depth Shadow',\n    shadows: [\n      { x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.1)' },\n      { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.12)' }\n    ]\n  },\n  'depth-large': {\n    name: 'Large Depth Shadow',\n    shadows: [\n      { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.12)' },\n      { x: 0, y: 8, blur: 24, color: 'rgba(0,0,0,0.15)' }\n    ]\n  }\n}\n\n/**\n * Enhanced shadow modifier - backward compatible single shadow\n *\n * @example\n * ```typescript\n * .shadow({ x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.1)' })\n * .shadow({ x: 2, y: 4, blur: 8, spread: 1, color: '#000', inset: true })\n * ```\n */\nexport function shadow(config: ShadowConfig): ShadowModifier {\n  return new ShadowModifier({ shadow: config })\n}\n\n/**\n * Multiple shadows modifier\n *\n * @example\n * ```typescript\n * .shadows([\n *   { x: 0, y: 1, blur: 3, color: 'rgba(0,0,0,0.12)' },\n *   { x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.24)' }\n * ])\n * ```\n */\nexport function shadows(configs: ShadowConfig[]): ShadowModifier {\n  return new ShadowModifier({ shadows: configs })\n}\n\n/**\n * Text shadow modifier\n *\n * @example\n * ```typescript\n * .textShadow({ x: 1, y: 1, blur: 2, color: 'rgba(0,0,0,0.5)' })\n * .textShadow([\n *   { x: 1, y: 1, blur: 0, color: '#ff0000' },\n *   { x: -1, y: -1, blur: 0, color: '#0000ff' }\n * ])\n * ```\n */\nexport function textShadow(config: ShadowConfig | ShadowConfig[]): ShadowModifier {\n  return new ShadowModifier({ textShadow: config })\n}\n\n/**\n * Shadow preset modifier\n *\n * @example\n * ```typescript\n * .shadowPreset('elevation-1')  // Material Design elevation 1\n * .shadowPreset('depth-medium') // Medium depth shadow\n * ```\n */\nexport function shadowPreset(presetName: string): ShadowModifier {\n  return new ShadowModifier({ preset: presetName })\n}\n\n/**\n * Create custom shadow preset\n *\n * @example\n * ```typescript\n * createShadowPreset('my-custom', [\n *   { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.15)' }\n * ])\n * .shadowPreset('my-custom') // Use the custom preset\n * ```\n */\nexport function createShadowPreset(name: string, shadows: ShadowConfig[]): void {\n  shadowPresets[name] = {\n    name,\n    shadows,\n    description: `Custom shadow preset: ${name}`\n  }\n}\n\n/**\n * Get available shadow preset names\n */\nexport function getShadowPresets(): string[] {\n  return Object.keys(shadowPresets)\n}\n\n/**\n * Get shadow preset configuration\n */\nexport function getShadowPreset(name: string): ShadowPreset | undefined {\n  return shadowPresets[name]\n}"],"names":["ShadowModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","preset","shadowPresets","shadowConfigs","shadows","shadow","insetPrefix","spreadValue","index","config","validKeys","requiredKeys","commonMistakes","invalidKeys","missingKeys","configs","textShadow","shadowPreset","presetName","createShadowPreset","name","getShadowPresets","getShadowPreset"],"mappings":"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"}