@tachui/core 0.7.0-alpha1

package/dist/modifiers/utility.js

@@ -0,0 +1,71 @@
+import { BaseModifier as r } from "./base.js";
+var u = Object.defineProperty, d = (t, i, e) => i in t ? u(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, f = (t, i, e) => d(t, typeof i != "symbol" ? i + "" : i, e);
+class o extends r {
+  // Lower priority for utility properties
+  constructor(i) {
+    const e = {};
+    for (const [n, l] of Object.entries(i))
+      typeof l == "function" && "peek" in l ? e[n] = l.peek() : e[n] = l;
+    super(e), f(this, "type", "utility"), f(this, "priority", 10);
+  }
+  apply(i, e) {
+    if (!e.element) return;
+    const n = this.computeUtilityStyles(this.properties);
+    this.applyStyles(e.element, n);
+  }
+  computeUtilityStyles(i) {
+    const e = {};
+    return i.cursor !== void 0 && (process.env.NODE_ENV === "development" && this.validateCursorValue(i.cursor), e.cursor = i.cursor), i.overflow !== void 0 && (e.overflow = i.overflow), i.overflowX !== void 0 && (e.overflowX = i.overflowX), i.overflowY !== void 0 && (e.overflowY = i.overflowY), i.position !== void 0 && (e.position = i.position), i.top !== void 0 && (e.top = this.toCSSValue(i.top)), i.right !== void 0 && (e.right = this.toCSSValue(i.right)), i.bottom !== void 0 && (e.bottom = this.toCSSValue(i.bottom)), i.left !== void 0 && (e.left = this.toCSSValue(i.left)), i.zIndex !== void 0 && (e.zIndex = i.zIndex.toString()), i.display !== void 0 && (e.display = i.display), i.visibility !== void 0 && (e.visibility = i.visibility), i.pointerEvents !== void 0 && (e.pointerEvents = i.pointerEvents), i.userSelect !== void 0 && (e.userSelect = i.userSelect), i.boxSizing !== void 0 && (e.boxSizing = i.boxSizing), i.objectFit !== void 0 && (e.objectFit = i.objectFit), i.objectPosition !== void 0 && (e.objectPosition = i.objectPosition), i.resize !== void 0 && (e.resize = i.resize), i.outline !== void 0 && (e.outline = i.outline), i.outlineOffset !== void 0 && (e.outlineOffset = this.toCSSValue(i.outlineOffset)), e;
+  }
+  validateCursorValue(i) {
+    ![
+      "auto",
+      "default",
+      "pointer",
+      "text",
+      "wait",
+      "help",
+      "not-allowed",
+      "none",
+      "grab",
+      "grabbing",
+      "zoom-in",
+      "zoom-out",
+      "alias",
+      "cell",
+      "copy"
+    ].includes(i) && !i.includes("url(") && console.warn(`Unknown cursor value: "${i}". See documentation for valid cursor values.`);
+  }
+}
+function c(t) {
+  return new o(t);
+}
+function s(t) {
+  return new o({ cursor: t });
+}
+function a(t) {
+  return new o({ overflowY: t });
+}
+function w(t) {
+  return new o({ overflowX: t });
+}
+function y(t) {
+  return new o({ position: t });
+}
+function b(t) {
+  return new o({ zIndex: t });
+}
+function S(t) {
+  return new o({ display: t });
+}
+export {
+  o as UtilityModifier,
+  s as cursor,
+  S as display,
+  w as overflowX,
+  a as overflowY,
+  y as position,
+  c as utility,
+  b as zIndex
+};
+//# sourceMappingURL=utility.js.map

package/dist/modifiers/utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.js","sources":["../../src/modifiers/utility.ts"],"sourcesContent":["/**\n * Utility Modifier - miscellaneous CSS properties\n *\n * Provides access to various CSS properties that don't fit\n * into other specific modifier categories.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface UtilityOptions {\n  cursor?:\n    | 'auto'\n    | 'default' \n    | 'pointer'\n    | 'text'\n    | 'wait'\n    | 'help'\n    | 'not-allowed'\n    | 'none'\n    | 'grab'\n    | 'grabbing'\n    | 'zoom-in'\n    | 'zoom-out'\n    | 'alias'\n    | 'cell'\n    | 'copy'\n    | string // CSS cursor syntax: 'url(...), fallback'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'\n  top?: number | string\n  right?: number | string\n  bottom?: number | string\n  left?: number | string\n  zIndex?: number\n  display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  visibility?: 'visible' | 'hidden' | 'collapse'\n  pointerEvents?: 'auto' | 'none'\n  userSelect?: 'auto' | 'none' | 'text' | 'all'\n  boxSizing?: 'content-box' | 'border-box'\n  objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n  objectPosition?: string\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical'\n  outline?: string\n  outlineOffset?: number | string\n}\n\nexport type ReactiveUtilityOptions = ReactiveModifierProps<UtilityOptions>\n\nexport class UtilityModifier extends BaseModifier<UtilityOptions> {\n  readonly type = 'utility'\n  readonly priority = 10 // Lower priority for utility properties\n\n  constructor(options: ReactiveUtilityOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: UtilityOptions = {}\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.computeUtilityStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeUtilityStyles(props: UtilityOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.cursor !== undefined) {\n      // Validate cursor value in development mode\n      if (process.env.NODE_ENV === 'development') {\n        this.validateCursorValue(props.cursor)\n      }\n      styles.cursor = props.cursor\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n    if (props.overflowX !== undefined) {\n      styles.overflowX = props.overflowX\n    }\n    if (props.overflowY !== undefined) {\n      styles.overflowY = props.overflowY\n    }\n    if (props.position !== undefined) {\n      styles.position = props.position\n    }\n    if (props.top !== undefined) {\n      styles.top = this.toCSSValue(props.top)\n    }\n    if (props.right !== undefined) {\n      styles.right = this.toCSSValue(props.right)\n    }\n    if (props.bottom !== undefined) {\n      styles.bottom = this.toCSSValue(props.bottom)\n    }\n    if (props.left !== undefined) {\n      styles.left = this.toCSSValue(props.left)\n    }\n    if (props.zIndex !== undefined) {\n      styles.zIndex = props.zIndex.toString()\n    }\n    if (props.display !== undefined) {\n      styles.display = props.display\n    }\n    if (props.visibility !== undefined) {\n      styles.visibility = props.visibility\n    }\n    if (props.pointerEvents !== undefined) {\n      styles.pointerEvents = props.pointerEvents\n    }\n    if (props.userSelect !== undefined) {\n      styles.userSelect = props.userSelect\n    }\n    if (props.boxSizing !== undefined) {\n      styles.boxSizing = props.boxSizing\n    }\n    if (props.objectFit !== undefined) {\n      styles.objectFit = props.objectFit\n    }\n    if (props.objectPosition !== undefined) {\n      styles.objectPosition = props.objectPosition\n    }\n    if (props.resize !== undefined) {\n      styles.resize = props.resize\n    }\n    if (props.outline !== undefined) {\n      styles.outline = props.outline\n    }\n    if (props.outlineOffset !== undefined) {\n      styles.outlineOffset = this.toCSSValue(props.outlineOffset)\n    }\n\n    return styles\n  }\n\n  private validateCursorValue(value: string): void {\n    const validCursors = [\n      'auto', 'default', 'pointer', 'text', 'wait', 'help', 'not-allowed', 'none',\n      'grab', 'grabbing', 'zoom-in', 'zoom-out', 'alias', 'cell', 'copy'\n    ]\n    \n    if (!validCursors.includes(value) && !value.includes('url(')) {\n      console.warn(`Unknown cursor value: \"${value}\". See documentation for valid cursor values.`)\n    }\n  }\n}\n\n/**\n * Create a utility modifier with miscellaneous CSS properties\n */\nexport function utility(options: ReactiveUtilityOptions): UtilityModifier {\n  return new UtilityModifier(options)\n}\n\n/**\n * Convenience function for cursor\n */\nexport function cursor(value: UtilityOptions['cursor']): UtilityModifier {\n  return new UtilityModifier({ cursor: value })\n}\n\n/**\n * Convenience function for overflow-y\n */\nexport function overflowY(value: UtilityOptions['overflowY']): UtilityModifier {\n  return new UtilityModifier({ overflowY: value })\n}\n\n/**\n * Convenience function for overflow-x\n */\nexport function overflowX(value: UtilityOptions['overflowX']): UtilityModifier {\n  return new UtilityModifier({ overflowX: value })\n}\n\n/**\n * Convenience function for position\n */\nexport function position(value: UtilityOptions['position']): UtilityModifier {\n  return new UtilityModifier({ position: value })\n}\n\n/**\n * Convenience function for z-index\n */\nexport function zIndex(value: number): UtilityModifier {\n  return new UtilityModifier({ zIndex: value })\n}\n\n/**\n * Convenience function for display\n */\nexport function display(value: UtilityOptions['display']): UtilityModifier {\n  return new UtilityModifier({ display: value })\n}\n"],"names":["UtilityModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","utility","cursor","overflowY","overflowX","position","zIndex","display"],"mappings":"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"}

package/dist/modifiers/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const m=require("../reactive/effect.cjs"),d=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const v=require("./base.cjs");var w=Object.defineProperty,C=(s,i,e)=>i in s?w(s,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[i]=e,M=(s,i,e)=>C(s,typeof i!="symbol"?i+"":i,e);const b={isReactive(s){return d.isSignal(s)},resolveValue(s){return d.isSignal(s)?s():s},createReactiveEffect(s,i){if(d.isSignal(s)){const e=m.createEffect(()=>{const n=s();i(n)});return()=>e.dispose()}return null},mergeProperties(s,i){const e={...s};for(const[n,p]of Object.entries(i))p!==void 0&&(e[n]=p);return e},toCamelCase(s){return s.replace(/-([a-z])/g,(i,e)=>e.toUpperCase())},toKebabCase(s){return s.replace(/([A-Z])/g,"-$1").toLowerCase()},normalizeCSSValue(s){return typeof s=="number"?`${s}px`:typeof s=="string"?s:String(s)}};function l(s,i,e){class n extends v.BaseModifier{constructor(){super(...arguments),M(this,"type",s),M(this,"priority",i)}apply(r,t){return e(r,t,this.properties)}}return p=>new n(p)}function S(s,i="combined",e=999){return l(i,e,(n,p,r)=>{let t=n;for(const o of s){const f=o.apply(t,p);f&&typeof f=="object"&&"type"in f&&(t=f)}return t})({})}function E(s,i){return l(`conditional-${i.type}`,i.priority,(e,n,p)=>{if(b.resolveValue(s))return i.apply(e,n);if(d.isSignal(s)){const t=m.createEffect(()=>{const o=s();n.element&&o&&i.apply(e,n)});if(!e.dispose)e.dispose=()=>t.dispose();else{const o=e.dispose;e.dispose=()=>{t.dispose(),o()}}}return e})({})}function _(s,i){return l("state",500,(e,n,p)=>{let r=e;const t=f=>{const a=i[f]||[];for(const y of a){const c=y.apply(r,n);c&&typeof c=="object"&&"type"in c&&(r=c)}};t(s());const o=m.createEffect(()=>{const f=s();t(f)});if(!e.dispose)e.dispose=()=>o.dispose();else{const f=e.dispose;e.dispose=()=>{o.dispose(),f()}}return r})({})}function h(s,i=[]){return l("responsive",100,(e,n,p)=>{let r=e;const t=()=>{const a=window.innerWidth;let y=i;for(const[c,u]of Object.entries(s)){const g=parseInt(c);a>=g&&(y=u)}for(const c of y){const u=c.apply(r,n);u&&typeof u=="object"&&"type"in u&&(r=u)}};t();const o=()=>t();window.addEventListener("resize",o);const f=()=>window.removeEventListener("resize",o);if(!e.dispose)e.dispose=f;else{const a=e.dispose;e.dispose=()=>{f(),a()}}return r})({})}function L(s){return l("class",50,(i,e,n)=>{if(!e.element)return i;const p=r=>{const t=Array.isArray(r)?r:r.split(" ").filter(Boolean);e.element instanceof HTMLElement&&e.element.classList.add(...t)};if(d.isSignal(s)){let r=[];const t=m.createEffect(()=>{const o=s(),f=Array.isArray(o)?o:o.split(" ").filter(Boolean);e.element instanceof HTMLElement&&(e.element.classList.remove(...r),e.element.classList.add(...f),r=f)});if(!i.dispose)i.dispose=()=>t.dispose();else{const o=i.dispose;i.dispose=()=>{t.dispose(),o()}}}else p(s);return i})({})}function A(s){return l("style",200,(i,e,n)=>{if(!e.element)return i;const p=r=>{if(e.element instanceof HTMLElement)for(const[t,o]of Object.entries(r)){const f=b.toKebabCase(t),a=b.normalizeCSSValue(o);e.element.style.setProperty(f,a)}};if(d.isSignal(s)){const r=m.createEffect(()=>{const t=s();p(t)});if(!i.dispose)i.dispose=()=>r.dispose();else{const t=i.dispose;i.dispose=()=>{r.dispose(),t()}}}else p(s);return i})({})}function $(s){return l("event",300,(i,e,n)=>{if(!e.element)return i;const p=[];for(const[t,o]of Object.entries(s))e.element.addEventListener(t,o),p.push(()=>{e.element?.removeEventListener(t,o)});const r=()=>p.forEach(t=>t());if(!i.dispose)i.dispose=r;else{const t=i.dispose;i.dispose=()=>{r(),t()}}return i})({})}exports.classModifier=L;exports.combineModifiers=S;exports.conditionalModifier=E;exports.createCustomModifier=l;exports.eventModifier=$;exports.modifierHelpers=b;exports.responsiveModifier=h;exports.stateModifier=_;exports.styleModifier=A;
+//# sourceMappingURL=utils.cjs.map

package/dist/modifiers/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../src/modifiers/utils.ts"],"sourcesContent":["/**\n * Modifier Utilities and Helper Functions\n *\n * Utility functions for creating custom modifiers, combining modifiers,\n * and working with the modifier system.\n */\n\nimport { createEffect } from '../reactive'\nimport { isSignal } from '../reactive/signal'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { Modifier, ModifierContext, ModifierFactory, ReactiveModifierProps } from './types'\n\n/**\n * Helper functions for working with modifiers\n */\nexport const modifierHelpers = {\n  /**\n   * Check if a value is a reactive signal\n   */\n  isReactive<T>(value: T | Signal<T>): value is Signal<T> {\n    return isSignal(value)\n  },\n\n  /**\n   * Resolve a potentially reactive value\n   */\n  resolveValue<T>(value: T | Signal<T>): T {\n    return isSignal(value) ? value() : value\n  },\n\n  /**\n   * Create a reactive effect for a value\n   */\n  createReactiveEffect<T>(\n    value: T | Signal<T>,\n    onChange: (newValue: T) => void\n  ): (() => void) | null {\n    if (isSignal(value)) {\n      const effect = createEffect(() => {\n        const newValue = value()\n        onChange(newValue)\n      })\n      return () => effect.dispose()\n    }\n    return null\n  },\n\n  /**\n   * Merge modifier properties\n   */\n  mergeProperties<T extends Record<string, any>>(base: T, override: Partial<T>): T {\n    const result = { ...base }\n\n    for (const [key, value] of Object.entries(override)) {\n      if (value !== undefined) {\n        result[key as keyof T] = value\n      }\n    }\n\n    return result\n  },\n\n  /**\n   * Convert a CSS property name to camelCase\n   */\n  toCamelCase(cssProperty: string): string {\n    return cssProperty.replace(/-([a-z])/g, (_match, letter) => letter.toUpperCase())\n  },\n\n  /**\n   * Convert a camelCase property to CSS kebab-case\n   */\n  toKebabCase(camelProperty: string): string {\n    return camelProperty.replace(/([A-Z])/g, '-$1').toLowerCase()\n  },\n\n  /**\n   * Normalize a CSS value\n   */\n  normalizeCSSValue(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    if (typeof value === 'string') {\n      return value\n    }\n    return String(value)\n  },\n}\n\n/**\n * Create a custom modifier\n */\nexport function createCustomModifier<TProps extends Record<string, any>>(\n  type: string,\n  priority: number,\n  applyFn: (node: DOMNode, context: ModifierContext, props: TProps) => DOMNode | undefined\n): ModifierFactory<TProps> {\n  class CustomModifier extends BaseModifier<TProps> {\n    readonly type = type\n    readonly priority = priority\n\n    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n      return applyFn(node, context, this.properties)\n    }\n  }\n\n  return (props: ReactiveModifierProps<TProps>) => new CustomModifier(props as TProps)\n}\n\n/**\n * Combine multiple modifiers into a single modifier\n */\nexport function combineModifiers(\n  modifiers: Modifier[],\n  type: string = 'combined',\n  priority: number = 999\n): Modifier {\n  return createCustomModifier(type, priority, (node, context, _props) => {\n    let currentNode = node\n\n    // Apply all modifiers in sequence\n    for (const modifier of modifiers) {\n      const result = modifier.apply(currentNode, context)\n      if (result && typeof result === 'object' && 'type' in result) {\n        currentNode = result\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a conditional modifier that only applies if a condition is met\n */\nexport function conditionalModifier(\n  condition: boolean | Signal<boolean>,\n  modifier: Modifier\n): Modifier {\n  return createCustomModifier(\n    `conditional-${modifier.type}`,\n    modifier.priority,\n    (node, context, _props) => {\n      const shouldApply = modifierHelpers.resolveValue(condition)\n\n      if (shouldApply) {\n        return modifier.apply(node, context)\n      }\n\n      // If reactive, set up effect to watch condition changes\n      if (isSignal(condition)) {\n        const effect = createEffect(() => {\n          const newCondition = condition()\n          if (context.element) {\n            if (newCondition) {\n              modifier.apply(node, context)\n            } else {\n              // Remove the modifier's effects\n              // This would need more sophisticated state tracking\n            }\n          }\n        })\n\n        // Store cleanup\n        if (!node.dispose) {\n          node.dispose = () => effect.dispose()\n        } else {\n          const existingDispose = node.dispose\n          node.dispose = () => {\n            effect.dispose()\n            existingDispose()\n          }\n        }\n      }\n\n      return node\n    }\n  )({})\n}\n\n/**\n * Create a modifier that applies different styles based on state\n */\nexport function stateModifier<T extends string>(\n  stateSignal: Signal<T>,\n  stateModifiers: Record<T, Modifier[]>\n): Modifier {\n  return createCustomModifier('state', 500, (node, context, _props) => {\n    let currentNode = node\n\n    const applyStateModifiers = (state: T) => {\n      const modifiers = stateModifiers[state] || []\n\n      for (const modifier of modifiers) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial state\n    applyStateModifiers(stateSignal())\n\n    // Set up reactive effect\n    const effect = createEffect(() => {\n      const newState = stateSignal()\n      applyStateModifiers(newState)\n    })\n\n    // Store cleanup\n    if (!node.dispose) {\n      node.dispose = () => effect.dispose()\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        effect.dispose()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a responsive modifier that applies different modifiers based on screen size\n */\nexport function responsiveModifier(\n  breakpoints: Record<string, Modifier[]>,\n  defaultModifiers: Modifier[] = []\n): Modifier {\n  return createCustomModifier('responsive', 100, (node, context, _props) => {\n    let currentNode = node\n\n    const applyResponsiveModifiers = () => {\n      const width = window.innerWidth\n      let modifiersToApply = defaultModifiers\n\n      // Determine which breakpoint applies\n      for (const [breakpoint, modifiers] of Object.entries(breakpoints)) {\n        const breakpointWidth = parseInt(breakpoint)\n        if (width >= breakpointWidth) {\n          modifiersToApply = modifiers\n        }\n      }\n\n      // Apply the modifiers\n      for (const modifier of modifiersToApply) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial modifiers\n    applyResponsiveModifiers()\n\n    // Set up resize listener\n    const handleResize = () => applyResponsiveModifiers()\n    window.addEventListener('resize', handleResize)\n\n    // Store cleanup\n    const cleanup = () => window.removeEventListener('resize', handleResize)\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a modifier that applies CSS classes\n */\nexport function classModifier(classes: string | string[] | Signal<string | string[]>): Modifier {\n  return createCustomModifier('class', 50, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyClasses = (classNames: string | string[]) => {\n      const classList = Array.isArray(classNames)\n        ? classNames\n        : classNames.split(' ').filter(Boolean)\n\n      if (context.element instanceof HTMLElement) {\n        context.element.classList.add(...classList)\n      }\n    }\n\n    if (isSignal(classes)) {\n      // Reactive classes\n      let previousClasses: string[] = []\n\n      const effect = createEffect(() => {\n        const newClasses = classes()\n        const newClassList = Array.isArray(newClasses)\n          ? newClasses\n          : newClasses.split(' ').filter(Boolean)\n\n        if (context.element instanceof HTMLElement) {\n          // Remove previous classes\n          context.element.classList.remove(...previousClasses)\n          // Add new classes\n          context.element.classList.add(...newClassList)\n          previousClasses = newClassList\n        }\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static classes\n      applyClasses(classes)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Create a modifier that applies inline styles\n */\nexport function styleModifier(\n  styles: Record<string, string | number> | Signal<Record<string, string | number>>\n): Modifier {\n  return createCustomModifier('style', 200, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyStyles = (styleObj: Record<string, string | number>) => {\n      if (context.element instanceof HTMLElement) {\n        for (const [property, value] of Object.entries(styleObj)) {\n          const cssProperty = modifierHelpers.toKebabCase(property)\n          const cssValue = modifierHelpers.normalizeCSSValue(value)\n          context.element.style.setProperty(cssProperty, cssValue)\n        }\n      }\n    }\n\n    if (isSignal(styles)) {\n      // Reactive styles\n      const effect = createEffect(() => {\n        const newStyles = styles()\n        applyStyles(newStyles)\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static styles\n      applyStyles(styles)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Utility to create a modifier that adds event listeners\n */\nexport function eventModifier(events: Record<string, EventListener>): Modifier {\n  return createCustomModifier('event', 300, (node, context, _props) => {\n    if (!context.element) return node\n\n    const cleanupFunctions: (() => void)[] = []\n\n    for (const [eventType, handler] of Object.entries(events)) {\n      context.element.addEventListener(eventType, handler)\n      cleanupFunctions.push(() => {\n        context.element?.removeEventListener(eventType, handler)\n      })\n    }\n\n    // Store cleanup\n    const cleanup = () => cleanupFunctions.forEach((fn) => fn())\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return node\n  })({})\n}\n"],"names":["modifierHelpers","value","isSignal","onChange","effect","createEffect","newValue","base","override","result","key","cssProperty","_match","letter","camelProperty","createCustomModifier","type","priority","applyFn","CustomModifier","BaseModifier","__publicField","node","context","props","combineModifiers","modifiers","_props","currentNode","modifier","conditionalModifier","condition","newCondition","existingDispose","stateModifier","stateSignal","stateModifiers","applyStateModifiers","state","newState","responsiveModifier","breakpoints","defaultModifiers","applyResponsiveModifiers","width","modifiersToApply","breakpoint","breakpointWidth","handleResize","cleanup","classModifier","classes","applyClasses","classNames","classList","previousClasses","newClasses","newClassList","styleModifier","styles","applyStyles","styleObj","property","cssValue","newStyles","eventModifier","events","cleanupFunctions","eventType","handler","fn"],"mappings":"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"}

package/dist/modifiers/utils.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Modifier Utilities and Helper Functions
+ *
+ * Utility functions for creating custom modifiers, combining modifiers,
+ * and working with the modifier system.
+ */
+import type { Signal } from '../reactive/types';
+import type { DOMNode } from '../runtime/types';
+import type { Modifier, ModifierContext, ModifierFactory } from './types';
+/**
+ * Helper functions for working with modifiers
+ */
+export declare const modifierHelpers: {
+    /**
+     * Check if a value is a reactive signal
+     */
+    isReactive<T>(value: T | Signal<T>): value is Signal<T>;
+    /**
+     * Resolve a potentially reactive value
+     */
+    resolveValue<T>(value: T | Signal<T>): T;
+    /**
+     * Create a reactive effect for a value
+     */
+    createReactiveEffect<T>(value: T | Signal<T>, onChange: (newValue: T) => void): (() => void) | null;
+    /**
+     * Merge modifier properties
+     */
+    mergeProperties<T extends Record<string, any>>(base: T, override: Partial<T>): T;
+    /**
+     * Convert a CSS property name to camelCase
+     */
+    toCamelCase(cssProperty: string): string;
+    /**
+     * Convert a camelCase property to CSS kebab-case
+     */
+    toKebabCase(camelProperty: string): string;
+    /**
+     * Normalize a CSS value
+     */
+    normalizeCSSValue(value: any): string;
+};
+/**
+ * Create a custom modifier
+ */
+export declare function createCustomModifier<TProps extends Record<string, any>>(type: string, priority: number, applyFn: (node: DOMNode, context: ModifierContext, props: TProps) => DOMNode | undefined): ModifierFactory<TProps>;
+/**
+ * Combine multiple modifiers into a single modifier
+ */
+export declare function combineModifiers(modifiers: Modifier[], type?: string, priority?: number): Modifier;
+/**
+ * Create a conditional modifier that only applies if a condition is met
+ */
+export declare function conditionalModifier(condition: boolean | Signal<boolean>, modifier: Modifier): Modifier;
+/**
+ * Create a modifier that applies different styles based on state
+ */
+export declare function stateModifier<T extends string>(stateSignal: Signal<T>, stateModifiers: Record<T, Modifier[]>): Modifier;
+/**
+ * Create a responsive modifier that applies different modifiers based on screen size
+ */
+export declare function responsiveModifier(breakpoints: Record<string, Modifier[]>, defaultModifiers?: Modifier[]): Modifier;
+/**
+ * Create a modifier that applies CSS classes
+ */
+export declare function classModifier(classes: string | string[] | Signal<string | string[]>): Modifier;
+/**
+ * Create a modifier that applies inline styles
+ */
+export declare function styleModifier(styles: Record<string, string | number> | Signal<Record<string, string | number>>): Modifier;
+/**
+ * Utility to create a modifier that adds event listeners
+ */
+export declare function eventModifier(events: Record<string, EventListener>): Modifier;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/modifiers/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAyB,MAAM,SAAS,CAAA;AAEhG;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;eACQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC;IAIvD;;OAEG;iBACU,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IAIxC;;OAEG;yBACkB,CAAC,SACb,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YACV,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,GAC9B,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;IAWtB;;OAEG;oBACa,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAYhF;;OAEG;6BACsB,MAAM,GAAG,MAAM;IAIxC;;OAEG;+BACwB,MAAM,GAAG,MAAM;IAI1C;;OAEG;6BACsB,GAAG,GAAG,MAAM;CAStC,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrE,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GACvF,eAAe,CAAC,MAAM,CAAC,CAWzB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,QAAQ,EAAE,EACrB,IAAI,GAAE,MAAmB,EACzB,QAAQ,GAAE,MAAY,GACrB,QAAQ,CAcV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,EACpC,QAAQ,EAAE,QAAQ,GACjB,QAAQ,CAwCV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC5C,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,EACtB,cAAc,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GACpC,QAAQ,CAqCV;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,EACvC,gBAAgB,GAAE,QAAQ,EAAO,GAChC,QAAQ,CA8CV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,QAAQ,CAkD9F;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAChF,QAAQ,CAsCV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,QAAQ,CA2B7E"}

package/dist/modifiers/utils.js

@@ -0,0 +1,250 @@
+import "../reactive/cleanup.js";
+import "../reactive/unified-scheduler.js";
+import { createEffect as m } from "../reactive/effect.js";
+import { isSignal as d } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+import { BaseModifier as C } from "./base.js";
+var M = Object.defineProperty, _ = (s, t, e) => t in s ? M(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, v = (s, t, e) => _(s, typeof t != "symbol" ? t + "" : t, e);
+const b = {
+  /**
+   * Check if a value is a reactive signal
+   */
+  isReactive(s) {
+    return d(s);
+  },
+  /**
+   * Resolve a potentially reactive value
+   */
+  resolveValue(s) {
+    return d(s) ? s() : s;
+  },
+  /**
+   * Create a reactive effect for a value
+   */
+  createReactiveEffect(s, t) {
+    if (d(s)) {
+      const e = m(() => {
+        const n = s();
+        t(n);
+      });
+      return () => e.dispose();
+    }
+    return null;
+  },
+  /**
+   * Merge modifier properties
+   */
+  mergeProperties(s, t) {
+    const e = { ...s };
+    for (const [n, p] of Object.entries(t))
+      p !== void 0 && (e[n] = p);
+    return e;
+  },
+  /**
+   * Convert a CSS property name to camelCase
+   */
+  toCamelCase(s) {
+    return s.replace(/-([a-z])/g, (t, e) => e.toUpperCase());
+  },
+  /**
+   * Convert a camelCase property to CSS kebab-case
+   */
+  toKebabCase(s) {
+    return s.replace(/([A-Z])/g, "-$1").toLowerCase();
+  },
+  /**
+   * Normalize a CSS value
+   */
+  normalizeCSSValue(s) {
+    return typeof s == "number" ? `${s}px` : typeof s == "string" ? s : String(s);
+  }
+};
+function a(s, t, e) {
+  class n extends C {
+    constructor() {
+      super(...arguments), v(this, "type", s), v(this, "priority", t);
+    }
+    apply(r, i) {
+      return e(r, i, this.properties);
+    }
+  }
+  return (p) => new n(p);
+}
+function z(s, t = "combined", e = 999) {
+  return a(t, e, (n, p, r) => {
+    let i = n;
+    for (const o of s) {
+      const f = o.apply(i, p);
+      f && typeof f == "object" && "type" in f && (i = f);
+    }
+    return i;
+  })({});
+}
+function D(s, t) {
+  return a(
+    `conditional-${t.type}`,
+    t.priority,
+    (e, n, p) => {
+      if (b.resolveValue(s))
+        return t.apply(e, n);
+      if (d(s)) {
+        const i = m(() => {
+          const o = s();
+          n.element && o && t.apply(e, n);
+        });
+        if (!e.dispose)
+          e.dispose = () => i.dispose();
+        else {
+          const o = e.dispose;
+          e.dispose = () => {
+            i.dispose(), o();
+          };
+        }
+      }
+      return e;
+    }
+  )({});
+}
+function P(s, t) {
+  return a("state", 500, (e, n, p) => {
+    let r = e;
+    const i = (f) => {
+      const c = t[f] || [];
+      for (const y of c) {
+        const l = y.apply(r, n);
+        l && typeof l == "object" && "type" in l && (r = l);
+      }
+    };
+    i(s());
+    const o = m(() => {
+      const f = s();
+      i(f);
+    });
+    if (!e.dispose)
+      e.dispose = () => o.dispose();
+    else {
+      const f = e.dispose;
+      e.dispose = () => {
+        o.dispose(), f();
+      };
+    }
+    return r;
+  })({});
+}
+function V(s, t = []) {
+  return a("responsive", 100, (e, n, p) => {
+    let r = e;
+    const i = () => {
+      const c = window.innerWidth;
+      let y = t;
+      for (const [l, u] of Object.entries(s)) {
+        const w = parseInt(l);
+        c >= w && (y = u);
+      }
+      for (const l of y) {
+        const u = l.apply(r, n);
+        u && typeof u == "object" && "type" in u && (r = u);
+      }
+    };
+    i();
+    const o = () => i();
+    window.addEventListener("resize", o);
+    const f = () => window.removeEventListener("resize", o);
+    if (!e.dispose)
+      e.dispose = f;
+    else {
+      const c = e.dispose;
+      e.dispose = () => {
+        f(), c();
+      };
+    }
+    return r;
+  })({});
+}
+function O(s) {
+  return a("class", 50, (t, e, n) => {
+    if (!e.element) return t;
+    const p = (r) => {
+      const i = Array.isArray(r) ? r : r.split(" ").filter(Boolean);
+      e.element instanceof HTMLElement && e.element.classList.add(...i);
+    };
+    if (d(s)) {
+      let r = [];
+      const i = m(() => {
+        const o = s(), f = Array.isArray(o) ? o : o.split(" ").filter(Boolean);
+        e.element instanceof HTMLElement && (e.element.classList.remove(...r), e.element.classList.add(...f), r = f);
+      });
+      if (!t.dispose)
+        t.dispose = () => i.dispose();
+      else {
+        const o = t.dispose;
+        t.dispose = () => {
+          i.dispose(), o();
+        };
+      }
+    } else
+      p(s);
+    return t;
+  })({});
+}
+function T(s) {
+  return a("style", 200, (t, e, n) => {
+    if (!e.element) return t;
+    const p = (r) => {
+      if (e.element instanceof HTMLElement)
+        for (const [i, o] of Object.entries(r)) {
+          const f = b.toKebabCase(i), c = b.normalizeCSSValue(o);
+          e.element.style.setProperty(f, c);
+        }
+    };
+    if (d(s)) {
+      const r = m(() => {
+        const i = s();
+        p(i);
+      });
+      if (!t.dispose)
+        t.dispose = () => r.dispose();
+      else {
+        const i = t.dispose;
+        t.dispose = () => {
+          r.dispose(), i();
+        };
+      }
+    } else
+      p(s);
+    return t;
+  })({});
+}
+function H(s) {
+  return a("event", 300, (t, e, n) => {
+    if (!e.element) return t;
+    const p = [];
+    for (const [i, o] of Object.entries(s))
+      e.element.addEventListener(i, o), p.push(() => {
+        e.element?.removeEventListener(i, o);
+      });
+    const r = () => p.forEach((i) => i());
+    if (!t.dispose)
+      t.dispose = r;
+    else {
+      const i = t.dispose;
+      t.dispose = () => {
+        r(), i();
+      };
+    }
+    return t;
+  })({});
+}
+export {
+  O as classModifier,
+  z as combineModifiers,
+  D as conditionalModifier,
+  a as createCustomModifier,
+  H as eventModifier,
+  b as modifierHelpers,
+  V as responsiveModifier,
+  P as stateModifier,
+  T as styleModifier
+};
+//# sourceMappingURL=utils.js.map

package/dist/modifiers/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/modifiers/utils.ts"],"sourcesContent":["/**\n * Modifier Utilities and Helper Functions\n *\n * Utility functions for creating custom modifiers, combining modifiers,\n * and working with the modifier system.\n */\n\nimport { createEffect } from '../reactive'\nimport { isSignal } from '../reactive/signal'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { Modifier, ModifierContext, ModifierFactory, ReactiveModifierProps } from './types'\n\n/**\n * Helper functions for working with modifiers\n */\nexport const modifierHelpers = {\n  /**\n   * Check if a value is a reactive signal\n   */\n  isReactive<T>(value: T | Signal<T>): value is Signal<T> {\n    return isSignal(value)\n  },\n\n  /**\n   * Resolve a potentially reactive value\n   */\n  resolveValue<T>(value: T | Signal<T>): T {\n    return isSignal(value) ? value() : value\n  },\n\n  /**\n   * Create a reactive effect for a value\n   */\n  createReactiveEffect<T>(\n    value: T | Signal<T>,\n    onChange: (newValue: T) => void\n  ): (() => void) | null {\n    if (isSignal(value)) {\n      const effect = createEffect(() => {\n        const newValue = value()\n        onChange(newValue)\n      })\n      return () => effect.dispose()\n    }\n    return null\n  },\n\n  /**\n   * Merge modifier properties\n   */\n  mergeProperties<T extends Record<string, any>>(base: T, override: Partial<T>): T {\n    const result = { ...base }\n\n    for (const [key, value] of Object.entries(override)) {\n      if (value !== undefined) {\n        result[key as keyof T] = value\n      }\n    }\n\n    return result\n  },\n\n  /**\n   * Convert a CSS property name to camelCase\n   */\n  toCamelCase(cssProperty: string): string {\n    return cssProperty.replace(/-([a-z])/g, (_match, letter) => letter.toUpperCase())\n  },\n\n  /**\n   * Convert a camelCase property to CSS kebab-case\n   */\n  toKebabCase(camelProperty: string): string {\n    return camelProperty.replace(/([A-Z])/g, '-$1').toLowerCase()\n  },\n\n  /**\n   * Normalize a CSS value\n   */\n  normalizeCSSValue(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    if (typeof value === 'string') {\n      return value\n    }\n    return String(value)\n  },\n}\n\n/**\n * Create a custom modifier\n */\nexport function createCustomModifier<TProps extends Record<string, any>>(\n  type: string,\n  priority: number,\n  applyFn: (node: DOMNode, context: ModifierContext, props: TProps) => DOMNode | undefined\n): ModifierFactory<TProps> {\n  class CustomModifier extends BaseModifier<TProps> {\n    readonly type = type\n    readonly priority = priority\n\n    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n      return applyFn(node, context, this.properties)\n    }\n  }\n\n  return (props: ReactiveModifierProps<TProps>) => new CustomModifier(props as TProps)\n}\n\n/**\n * Combine multiple modifiers into a single modifier\n */\nexport function combineModifiers(\n  modifiers: Modifier[],\n  type: string = 'combined',\n  priority: number = 999\n): Modifier {\n  return createCustomModifier(type, priority, (node, context, _props) => {\n    let currentNode = node\n\n    // Apply all modifiers in sequence\n    for (const modifier of modifiers) {\n      const result = modifier.apply(currentNode, context)\n      if (result && typeof result === 'object' && 'type' in result) {\n        currentNode = result\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a conditional modifier that only applies if a condition is met\n */\nexport function conditionalModifier(\n  condition: boolean | Signal<boolean>,\n  modifier: Modifier\n): Modifier {\n  return createCustomModifier(\n    `conditional-${modifier.type}`,\n    modifier.priority,\n    (node, context, _props) => {\n      const shouldApply = modifierHelpers.resolveValue(condition)\n\n      if (shouldApply) {\n        return modifier.apply(node, context)\n      }\n\n      // If reactive, set up effect to watch condition changes\n      if (isSignal(condition)) {\n        const effect = createEffect(() => {\n          const newCondition = condition()\n          if (context.element) {\n            if (newCondition) {\n              modifier.apply(node, context)\n            } else {\n              // Remove the modifier's effects\n              // This would need more sophisticated state tracking\n            }\n          }\n        })\n\n        // Store cleanup\n        if (!node.dispose) {\n          node.dispose = () => effect.dispose()\n        } else {\n          const existingDispose = node.dispose\n          node.dispose = () => {\n            effect.dispose()\n            existingDispose()\n          }\n        }\n      }\n\n      return node\n    }\n  )({})\n}\n\n/**\n * Create a modifier that applies different styles based on state\n */\nexport function stateModifier<T extends string>(\n  stateSignal: Signal<T>,\n  stateModifiers: Record<T, Modifier[]>\n): Modifier {\n  return createCustomModifier('state', 500, (node, context, _props) => {\n    let currentNode = node\n\n    const applyStateModifiers = (state: T) => {\n      const modifiers = stateModifiers[state] || []\n\n      for (const modifier of modifiers) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial state\n    applyStateModifiers(stateSignal())\n\n    // Set up reactive effect\n    const effect = createEffect(() => {\n      const newState = stateSignal()\n      applyStateModifiers(newState)\n    })\n\n    // Store cleanup\n    if (!node.dispose) {\n      node.dispose = () => effect.dispose()\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        effect.dispose()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a responsive modifier that applies different modifiers based on screen size\n */\nexport function responsiveModifier(\n  breakpoints: Record<string, Modifier[]>,\n  defaultModifiers: Modifier[] = []\n): Modifier {\n  return createCustomModifier('responsive', 100, (node, context, _props) => {\n    let currentNode = node\n\n    const applyResponsiveModifiers = () => {\n      const width = window.innerWidth\n      let modifiersToApply = defaultModifiers\n\n      // Determine which breakpoint applies\n      for (const [breakpoint, modifiers] of Object.entries(breakpoints)) {\n        const breakpointWidth = parseInt(breakpoint)\n        if (width >= breakpointWidth) {\n          modifiersToApply = modifiers\n        }\n      }\n\n      // Apply the modifiers\n      for (const modifier of modifiersToApply) {\n        const result = modifier.apply(currentNode, context)\n        if (result && typeof result === 'object' && 'type' in result) {\n          currentNode = result\n        }\n      }\n    }\n\n    // Apply initial modifiers\n    applyResponsiveModifiers()\n\n    // Set up resize listener\n    const handleResize = () => applyResponsiveModifiers()\n    window.addEventListener('resize', handleResize)\n\n    // Store cleanup\n    const cleanup = () => window.removeEventListener('resize', handleResize)\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return currentNode\n  })({})\n}\n\n/**\n * Create a modifier that applies CSS classes\n */\nexport function classModifier(classes: string | string[] | Signal<string | string[]>): Modifier {\n  return createCustomModifier('class', 50, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyClasses = (classNames: string | string[]) => {\n      const classList = Array.isArray(classNames)\n        ? classNames\n        : classNames.split(' ').filter(Boolean)\n\n      if (context.element instanceof HTMLElement) {\n        context.element.classList.add(...classList)\n      }\n    }\n\n    if (isSignal(classes)) {\n      // Reactive classes\n      let previousClasses: string[] = []\n\n      const effect = createEffect(() => {\n        const newClasses = classes()\n        const newClassList = Array.isArray(newClasses)\n          ? newClasses\n          : newClasses.split(' ').filter(Boolean)\n\n        if (context.element instanceof HTMLElement) {\n          // Remove previous classes\n          context.element.classList.remove(...previousClasses)\n          // Add new classes\n          context.element.classList.add(...newClassList)\n          previousClasses = newClassList\n        }\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static classes\n      applyClasses(classes)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Create a modifier that applies inline styles\n */\nexport function styleModifier(\n  styles: Record<string, string | number> | Signal<Record<string, string | number>>\n): Modifier {\n  return createCustomModifier('style', 200, (node, context, _props) => {\n    if (!context.element) return node\n\n    const applyStyles = (styleObj: Record<string, string | number>) => {\n      if (context.element instanceof HTMLElement) {\n        for (const [property, value] of Object.entries(styleObj)) {\n          const cssProperty = modifierHelpers.toKebabCase(property)\n          const cssValue = modifierHelpers.normalizeCSSValue(value)\n          context.element.style.setProperty(cssProperty, cssValue)\n        }\n      }\n    }\n\n    if (isSignal(styles)) {\n      // Reactive styles\n      const effect = createEffect(() => {\n        const newStyles = styles()\n        applyStyles(newStyles)\n      })\n\n      // Store cleanup\n      if (!node.dispose) {\n        node.dispose = () => effect.dispose()\n      } else {\n        const existingDispose = node.dispose\n        node.dispose = () => {\n          effect.dispose()\n          existingDispose()\n        }\n      }\n    } else {\n      // Static styles\n      applyStyles(styles)\n    }\n\n    return node\n  })({})\n}\n\n/**\n * Utility to create a modifier that adds event listeners\n */\nexport function eventModifier(events: Record<string, EventListener>): Modifier {\n  return createCustomModifier('event', 300, (node, context, _props) => {\n    if (!context.element) return node\n\n    const cleanupFunctions: (() => void)[] = []\n\n    for (const [eventType, handler] of Object.entries(events)) {\n      context.element.addEventListener(eventType, handler)\n      cleanupFunctions.push(() => {\n        context.element?.removeEventListener(eventType, handler)\n      })\n    }\n\n    // Store cleanup\n    const cleanup = () => cleanupFunctions.forEach((fn) => fn())\n    if (!node.dispose) {\n      node.dispose = cleanup\n    } else {\n      const existingDispose = node.dispose\n      node.dispose = () => {\n        cleanup()\n        existingDispose()\n      }\n    }\n\n    return node\n  })({})\n}\n"],"names":["modifierHelpers","value","isSignal","onChange","effect","createEffect","newValue","base","override","result","key","cssProperty","_match","letter","camelProperty","createCustomModifier","type","priority","applyFn","CustomModifier","BaseModifier","__publicField","node","context","props","combineModifiers","modifiers","_props","currentNode","modifier","conditionalModifier","condition","newCondition","existingDispose","stateModifier","stateSignal","stateModifiers","applyStateModifiers","state","newState","responsiveModifier","breakpoints","defaultModifiers","applyResponsiveModifiers","width","modifiersToApply","breakpoint","breakpointWidth","handleResize","cleanup","classModifier","classes","applyClasses","classNames","classList","previousClasses","newClasses","newClassList","styleModifier","styles","applyStyles","styleObj","property","cssValue","newStyles","eventModifier","events","cleanupFunctions","eventType","handler","fn"],"mappings":"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"}