flexium 0.16.1 → 0.16.3

package/dist/chunk-ZJZRDYA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css/runtime/hash.ts","../src/css/runtime/serialize.ts","../src/css/runtime/sheet.ts","../src/css/css.ts","../src/css/styled.ts","../src/css/keyframes.ts"],"names":["hash","str","h","i","unitlessProperties","toKebabCase","match","addUnit","property","value","serialize","styles","selector","properties","nested","key","nestedSelector","result","serializeKeyframes","name","keyframes","frames","prop","cache","serverStyles","browserSheet","supportsAdoptedStyleSheets","getBrowserSheet","insert","css","sheet","e","has","getStyles","getStyleTag","resetStyles","hydrateStyles","styleTag","text","classRegex","className","cssText","cx","classes","styled","tag","config","base","variants","defaultVariants","compoundVariants","baseClass","variantCache","getVariantClass","variantName","variantValue","cacheKey","compoundCache","StyledComponent","props","children","userClassName","rest","variantProps","elementProps","variantClasses","vc","compound","compoundStyles","conditions","matches","compoundClass","finalClassName","definition"],"mappings":"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","file":"chunk-ZJZRDYA2.js","sourcesContent":["/**\n * Generate a hash for a style object\n * Uses djb2 algorithm for fast, low-collision hashing\n */\nexport function hash(str: string): string {\n  let h = 5381\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) ^ str.charCodeAt(i)\n  }\n  return 'fx-' + (h >>> 0).toString(36)\n}\n","import type { StyleObject, CSSValue } from '../types'\n\n/**\n * Properties that should not have 'px' auto-added\n */\nconst unitlessProperties = new Set([\n  'animationIterationCount',\n  'borderImageOutset',\n  'borderImageSlice',\n  'borderImageWidth',\n  'boxFlex',\n  'boxFlexGroup',\n  'boxOrdinalGroup',\n  'columnCount',\n  'columns',\n  'flex',\n  'flexGrow',\n  'flexPositive',\n  'flexShrink',\n  'flexNegative',\n  'flexOrder',\n  'gridArea',\n  'gridRow',\n  'gridRowEnd',\n  'gridRowSpan',\n  'gridRowStart',\n  'gridColumn',\n  'gridColumnEnd',\n  'gridColumnSpan',\n  'gridColumnStart',\n  'fontWeight',\n  'lineClamp',\n  'lineHeight',\n  'opacity',\n  'order',\n  'orphans',\n  'tabSize',\n  'widows',\n  'zIndex',\n  'zoom',\n  'fillOpacity',\n  'floodOpacity',\n  'stopOpacity',\n  'strokeDasharray',\n  'strokeDashoffset',\n  'strokeMiterlimit',\n  'strokeOpacity',\n  'strokeWidth',\n])\n\n/**\n * Convert camelCase to kebab-case\n */\nexport function toKebabCase(str: string): string {\n  return str.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase())\n}\n\n/**\n * Add unit to numeric values where appropriate\n */\nexport function addUnit(property: string, value: CSSValue): string {\n  if (typeof value === 'number' && value !== 0 && !unitlessProperties.has(property)) {\n    return value + 'px'\n  }\n  return String(value)\n}\n\n/**\n * Serialize a style object to CSS string\n */\nexport function serialize(styles: StyleObject, selector: string): string {\n  let properties = ''\n  let nested = ''\n\n  for (const key in styles) {\n    const value = styles[key]\n\n    if (value === undefined || value === null) {\n      continue\n    }\n\n    if (key.startsWith('&')) {\n      // Nested selector: &:hover, &::before, & > div\n      const nestedSelector = key.replace(/&/g, selector)\n      nested += serialize(value as StyleObject, nestedSelector)\n    } else if (key.startsWith('@')) {\n      // At-rule: @media, @supports, @container\n      nested += `${key}{${serialize(value as StyleObject, selector)}}`\n    } else if (typeof value === 'object') {\n      // Skip invalid nested objects without & or @\n      continue\n    } else {\n      // Regular CSS property\n      properties += `${toKebabCase(key)}:${addUnit(key, value)};`\n    }\n  }\n\n  let result = ''\n  if (properties) {\n    result = `${selector}{${properties}}`\n  }\n  result += nested\n\n  return result\n}\n\n/**\n * Serialize keyframes to CSS string\n */\nexport function serializeKeyframes(\n  name: string,\n  keyframes: Record<string, Record<string, CSSValue>>\n): string {\n  let frames = ''\n\n  for (const key in keyframes) {\n    const styles = keyframes[key]\n    let properties = ''\n\n    for (const prop in styles) {\n      const value = styles[prop]\n      if (value !== undefined && value !== null && typeof value !== 'object') {\n        properties += `${toKebabCase(prop)}:${addUnit(prop, value)};`\n      }\n    }\n\n    frames += `${key}{${properties}}`\n  }\n\n  return `@keyframes ${name}{${frames}}`\n}\n","/**\n * StyleSheet manager\n * Uses adoptedStyleSheets for efficient style injection\n * Falls back to server-side collection when not available (SSR, jsdom)\n */\n\n// Cache to track which styles have been inserted\nlet cache = new Map<string, boolean>()\n\n// Server-side collected styles\nlet serverStyles: string[] = []\n\n// Browser stylesheet (lazy initialized)\nlet browserSheet: CSSStyleSheet | null = null\n\n/**\n * Check if adoptedStyleSheets is supported\n */\nfunction supportsAdoptedStyleSheets(): boolean {\n  return (\n    typeof document !== 'undefined' &&\n    'adoptedStyleSheets' in document &&\n    typeof CSSStyleSheet !== 'undefined' &&\n    'replaceSync' in CSSStyleSheet.prototype\n  )\n}\n\nfunction getBrowserSheet(): CSSStyleSheet | null {\n  if (!supportsAdoptedStyleSheets()) {\n    return null\n  }\n\n  if (!browserSheet) {\n    browserSheet = new CSSStyleSheet()\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, browserSheet]\n  }\n  return browserSheet\n}\n\n/**\n * Insert a CSS rule\n */\nexport function insert(hash: string, css: string): void {\n  if (cache.has(hash)) {\n    return\n  }\n\n  cache.set(hash, true)\n\n  const sheet = getBrowserSheet()\n  if (sheet) {\n    try {\n      sheet.insertRule(css, sheet.cssRules.length)\n    } catch (e) {\n      // Handle invalid CSS gracefully in development\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn('[flexium/css] Invalid CSS rule:', css, e)\n      }\n    }\n  } else {\n    // Server-side or unsupported environment: collect styles\n    serverStyles.push(css)\n  }\n}\n\n/**\n * Check if a hash is already in the cache\n */\nexport function has(hash: string): boolean {\n  return cache.has(hash)\n}\n\n/**\n * Get all collected styles for SSR\n */\nexport function getStyles(): string {\n  return serverStyles.join('')\n}\n\n/**\n * Get styles as a style tag for SSR\n */\nexport function getStyleTag(): string {\n  const styles = getStyles()\n  if (!styles) return ''\n  return `<style data-flexium-css>${styles}</style>`\n}\n\n/**\n * Reset collected styles and cache (for SSR between requests or testing)\n */\nexport function resetStyles(): void {\n  serverStyles = []\n  cache = new Map()\n  browserSheet = null\n}\n\n/**\n * Hydrate styles on the client\n * Call this after SSR to sync the cache with server-rendered styles\n */\nexport function hydrateStyles(): void {\n  if (typeof document === 'undefined') return\n\n  const styleTag = document.querySelector('style[data-flexium-css]')\n  if (styleTag) {\n    // Parse and cache existing styles\n    const text = styleTag.textContent || ''\n    const classRegex = /\\.fx-[a-z0-9]+/g\n    let match\n    while ((match = classRegex.exec(text)) !== null) {\n      const hash = match[0].slice(1) // Remove the dot\n      cache.set(hash, true)\n    }\n  }\n}\n\n// Auto-hydrate on client (only if adoptedStyleSheets is supported)\nif (supportsAdoptedStyleSheets()) {\n  hydrateStyles()\n}\n","import type { StyleObject } from './types'\nimport { hash } from './runtime/hash'\nimport { serialize } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a CSS class from a style object\n *\n * @example\n * ```tsx\n * const buttonClass = css({\n *   padding: '8px 16px',\n *   backgroundColor: 'blue',\n *   color: 'white',\n *   '&:hover': {\n *     backgroundColor: 'darkblue'\n *   }\n * })\n *\n * <button className={buttonClass}>Click me</button>\n * ```\n */\nexport function css(styles: StyleObject): string {\n  // Generate unique hash from style object\n  const key = JSON.stringify(styles)\n  const className = hash(key)\n\n  // Skip if already inserted\n  if (has(className)) {\n    return className\n  }\n\n  // Serialize and insert CSS\n  const cssText = serialize(styles, '.' + className)\n  insert(className, cssText)\n\n  return className\n}\n\n/**\n * Combine multiple class names, filtering out falsy values\n *\n * @example\n * ```tsx\n * const className = cx(\n *   baseClass,\n *   isActive && activeClass,\n *   variant === 'primary' && primaryClass\n * )\n * ```\n */\nexport function cx(\n  ...classes: (string | boolean | null | undefined)[]\n): string {\n  return classes.filter(Boolean).join(' ')\n}\n","import type { StyleObject, VariantConfig, StyledConfig } from './types'\nimport type { FNode } from '../dom/types'\nimport { css, cx } from './css'\n\n// HTML element tag names\ntype HTMLTag = 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' |\n  'b' | 'base' | 'bdi' | 'bdo' | 'blockquote' | 'body' | 'br' | 'button' |\n  'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup' |\n  'data' | 'datalist' | 'dd' | 'del' | 'details' | 'dfn' | 'dialog' | 'div' | 'dl' | 'dt' |\n  'em' | 'embed' |\n  'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' |\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hgroup' | 'hr' | 'html' |\n  'i' | 'iframe' | 'img' | 'input' | 'ins' |\n  'kbd' |\n  'label' | 'legend' | 'li' | 'link' |\n  'main' | 'map' | 'mark' | 'menu' | 'meta' | 'meter' |\n  'nav' | 'noscript' |\n  'object' | 'ol' | 'optgroup' | 'option' | 'output' |\n  'p' | 'picture' | 'pre' | 'progress' |\n  'q' |\n  'rp' | 'rt' | 'ruby' |\n  's' | 'samp' | 'script' | 'search' | 'section' | 'select' | 'slot' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'svg' |\n  'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'time' | 'title' | 'tr' | 'track' |\n  'u' | 'ul' |\n  'var' | 'video' |\n  'wbr'\n\n/**\n * Create a styled component with variant support\n *\n * @example\n * ```tsx\n * const Button = styled('button', {\n *   base: {\n *     padding: '8px 16px',\n *     border: 'none',\n *     borderRadius: 4,\n *     cursor: 'pointer'\n *   },\n *   variants: {\n *     variant: {\n *       primary: { backgroundColor: 'blue', color: 'white' },\n *       secondary: { backgroundColor: 'gray', color: 'black' }\n *     },\n *     size: {\n *       sm: { padding: '4px 8px', fontSize: 12 },\n *       md: { padding: '8px 16px', fontSize: 14 },\n *       lg: { padding: '12px 24px', fontSize: 16 }\n *     }\n *   },\n *   defaultVariants: {\n *     variant: 'primary',\n *     size: 'md'\n *   }\n * })\n *\n * // Usage\n * <Button variant=\"secondary\" size=\"lg\">Click me</Button>\n * ```\n */\nexport function styled<\n  T extends HTMLTag,\n  V extends VariantConfig = Record<string, never>\n>(\n  tag: T,\n  config: StyledConfig<V>\n): StyledComponent<T, V> {\n  const { base, variants, defaultVariants, compoundVariants } = config\n\n  // Pre-compute base class\n  const baseClass = css(base)\n\n  // Cache for variant classes\n  const variantCache = new Map<string, string>()\n\n  // Get or create variant class\n  function getVariantClass(variantName: string, variantValue: string): string {\n    const cacheKey = `${variantName}:${variantValue}`\n    let className = variantCache.get(cacheKey)\n\n    if (!className && variants?.[variantName]?.[variantValue]) {\n      className = css(variants[variantName][variantValue])\n      variantCache.set(cacheKey, className)\n    }\n\n    return className || ''\n  }\n\n  // Compound variant cache\n  const compoundCache = new Map<string, string>()\n\n  function StyledComponent(props: StyledComponentProps<V>): FNode {\n    const { children, className: userClassName, ...rest } = props as any\n\n    // Separate variant props from element props\n    const variantProps: Record<string, string> = {}\n    const elementProps: Record<string, any> = {}\n\n    for (const key in rest) {\n      if (variants && key in variants) {\n        variantProps[key] = rest[key] ?? (defaultVariants as any)?.[key]\n      } else {\n        elementProps[key] = rest[key]\n      }\n    }\n\n    // Apply default variants for missing props\n    if (defaultVariants) {\n      for (const key in defaultVariants) {\n        if (!(key in variantProps)) {\n          variantProps[key] = String(defaultVariants[key as keyof typeof defaultVariants])\n        }\n      }\n    }\n\n    // Collect variant classes\n    const variantClasses: string[] = []\n    for (const [name, value] of Object.entries(variantProps)) {\n      if (value) {\n        const vc = getVariantClass(name, String(value))\n        if (vc) variantClasses.push(vc)\n      }\n    }\n\n    // Check compound variants\n    if (compoundVariants) {\n      for (const compound of compoundVariants) {\n        const { css: compoundStyles, ...conditions } = compound\n\n        // Check if all conditions match\n        let matches = true\n        for (const [key, value] of Object.entries(conditions)) {\n          if (variantProps[key] !== value) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches) {\n          // Generate cache key from conditions\n          const cacheKey = JSON.stringify(conditions)\n          let compoundClass = compoundCache.get(cacheKey)\n\n          if (!compoundClass) {\n            compoundClass = css(compoundStyles)\n            compoundCache.set(cacheKey, compoundClass)\n          }\n\n          variantClasses.push(compoundClass)\n        }\n      }\n    }\n\n    // Combine all classes\n    const finalClassName = cx(baseClass, ...variantClasses, userClassName)\n\n    // Return FNode element\n    return {\n      type: tag,\n      props: { ...elementProps, className: finalClassName },\n      children: Array.isArray(children) ? children : children != null ? [children] : [],\n      key: undefined\n    }\n  }\n\n  // Mark as styled component\n  StyledComponent.displayName = `Styled(${tag})`\n\n  return StyledComponent as unknown as StyledComponent<T, V>\n}\n\n// Types\ntype StyledComponent<\n  T extends HTMLTag,\n  V extends VariantConfig\n> = {\n  (props: StyledComponentProps<V>): FNode\n  displayName: string\n}\n\ntype StyledComponentProps<V extends VariantConfig> = {\n  [K in keyof V]?: keyof V[K]\n} & {\n  children?: any\n  className?: string\n  [key: string]: any\n}\n","import type { KeyframeDefinition, CSSValue } from './types'\nimport { hash } from './runtime/hash'\nimport { serializeKeyframes } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a keyframes animation\n *\n * @example\n * ```tsx\n * const fadeIn = keyframes({\n *   from: { opacity: 0 },\n *   to: { opacity: 1 }\n * })\n *\n * const slideIn = keyframes({\n *   '0%': { transform: 'translateX(-100%)' },\n *   '100%': { transform: 'translateX(0)' }\n * })\n *\n * const className = css({\n *   animation: `${fadeIn} 0.3s ease-in-out`\n * })\n * ```\n */\nexport function keyframes(definition: KeyframeDefinition): string {\n  // Generate unique name from keyframe definition\n  const key = JSON.stringify(definition)\n  const name = hash(key)\n\n  // Skip if already inserted\n  if (has(name)) {\n    return name\n  }\n\n  // Serialize and insert keyframes\n  const cssText = serializeKeyframes(name, definition as Record<string, Record<string, CSSValue>>)\n  insert(name, cssText)\n\n  return name\n}\n"]}

package/dist/core.js

@@ -1,2 +1,2 @@
-'use strict';var chunkLOKMOGSA_js=require('./chunk-LOKMOGSA.js'),chunk3CKIHQIE_js=require('./chunk-3CKIHQIE.js'),chunkVNYPOCV7_js=require('./chunk-VNYPOCV7.js');function R(t){return chunkVNYPOCV7_js.b(()=>({current:t}))}Object.defineProperty(exports,"isReactive",{enumerable:true,get:function(){return chunkLOKMOGSA_js.b}});Object.defineProperty(exports,"use",{enumerable:true,get:function(){return chunkLOKMOGSA_js.c}});Object.defineProperty(exports,"sync",{enumerable:true,get:function(){return chunk3CKIHQIE_js.e}});Object.defineProperty(exports,"Context",{enumerable:true,get:function(){return chunkVNYPOCV7_js.e}});Object.defineProperty(exports,"Useable",{enumerable:true,get:function(){return chunkVNYPOCV7_js.c}});Object.defineProperty(exports,"getContextValue",{enumerable:true,get:function(){return chunkVNYPOCV7_js.f}});Object.defineProperty(exports,"isUseable",{enumerable:true,get:function(){return chunkVNYPOCV7_js.d}});Object.defineProperty(exports,"popContext",{enumerable:true,get:function(){return chunkVNYPOCV7_js.h}});Object.defineProperty(exports,"pushContext",{enumerable:true,get:function(){return chunkVNYPOCV7_js.g}});exports.useRef=R;//# sourceMappingURL=core.js.map
+'use strict';var chunkEROGYZGA_js=require('./chunk-EROGYZGA.js'),chunkLOKMOGSA_js=require('./chunk-LOKMOGSA.js'),chunk3CKIHQIE_js=require('./chunk-3CKIHQIE.js'),chunkVNYPOCV7_js=require('./chunk-VNYPOCV7.js');Object.defineProperty(exports,"useRef",{enumerable:true,get:function(){return chunkEROGYZGA_js.a}});Object.defineProperty(exports,"isReactive",{enumerable:true,get:function(){return chunkLOKMOGSA_js.b}});Object.defineProperty(exports,"use",{enumerable:true,get:function(){return chunkLOKMOGSA_js.c}});Object.defineProperty(exports,"sync",{enumerable:true,get:function(){return chunk3CKIHQIE_js.e}});Object.defineProperty(exports,"Context",{enumerable:true,get:function(){return chunkVNYPOCV7_js.e}});Object.defineProperty(exports,"Useable",{enumerable:true,get:function(){return chunkVNYPOCV7_js.c}});Object.defineProperty(exports,"getContextValue",{enumerable:true,get:function(){return chunkVNYPOCV7_js.f}});Object.defineProperty(exports,"isUseable",{enumerable:true,get:function(){return chunkVNYPOCV7_js.d}});Object.defineProperty(exports,"popContext",{enumerable:true,get:function(){return chunkVNYPOCV7_js.h}});Object.defineProperty(exports,"pushContext",{enumerable:true,get:function(){return chunkVNYPOCV7_js.g}});//# sourceMappingURL=core.js.map
 //# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/ref.ts"],"names":["useRef","initialValue","hook"],"mappings":"iKA2BO,SAASA,CAAAA,CAAUC,CAAAA,CAA4C,CACpE,OAAOC,kBAAAA,CAAK,KAAO,CACjB,OAAA,CAASD,CACX,CAAA,CAAE,CACJ","file":"core.js","sourcesContent":["import { hook } from './hook'\nimport type { RefObject } from './types'\n\n/**\n * Creates a mutable ref object that persists across renders\n *\n * @example\n * ```tsx\n * function InputWithFocus() {\n *   const inputRef = useRef<HTMLInputElement>()\n *\n *   const focusInput = () => {\n *     inputRef.current?.focus()\n *   }\n *\n *   return (\n *     <div>\n *       <input ref={inputRef} type=\"text\" />\n *       <button onClick={focusInput}>Focus Input</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRef<T>(initialValue: T): RefObject<T>\nexport function useRef<T>(initialValue: T | null): RefObject<T | null>\nexport function useRef<T = undefined>(): RefObject<T | undefined>\nexport function useRef<T>(initialValue?: T): RefObject<T | undefined> {\n  return hook(() => ({\n    current: initialValue\n  }))\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"core.js"}

package/dist/core.mjs

@@ -1,2 +1,2 @@
-export{b as isReactive,c as use}from'./chunk-CB6CIG76.mjs';export{e as sync}from'./chunk-NRPWBHKP.mjs';import {b}from'./chunk-WHRUAZR4.mjs';export{e as Context,c as Useable,f as getContextValue,d as isUseable,h as popContext,g as pushContext}from'./chunk-WHRUAZR4.mjs';function R(t){return b(()=>({current:t}))}export{R as useRef};//# sourceMappingURL=core.mjs.map
+export{a as useRef}from'./chunk-PPPU2XSA.mjs';export{b as isReactive,c as use}from'./chunk-CB6CIG76.mjs';export{e as sync}from'./chunk-NRPWBHKP.mjs';export{e as Context,c as Useable,f as getContextValue,d as isUseable,h as popContext,g as pushContext}from'./chunk-WHRUAZR4.mjs';//# sourceMappingURL=core.mjs.map
 //# sourceMappingURL=core.mjs.map

package/dist/core.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/ref.ts"],"names":["useRef","initialValue","hook"],"mappings":"6QA2BO,SAASA,CAAAA,CAAUC,CAAAA,CAA4C,CACpE,OAAOC,CAAAA,CAAK,KAAO,CACjB,OAAA,CAASD,CACX,CAAA,CAAE,CACJ","file":"core.mjs","sourcesContent":["import { hook } from './hook'\nimport type { RefObject } from './types'\n\n/**\n * Creates a mutable ref object that persists across renders\n *\n * @example\n * ```tsx\n * function InputWithFocus() {\n *   const inputRef = useRef<HTMLInputElement>()\n *\n *   const focusInput = () => {\n *     inputRef.current?.focus()\n *   }\n *\n *   return (\n *     <div>\n *       <input ref={inputRef} type=\"text\" />\n *       <button onClick={focusInput}>Focus Input</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRef<T>(initialValue: T): RefObject<T>\nexport function useRef<T>(initialValue: T | null): RefObject<T | null>\nexport function useRef<T = undefined>(): RefObject<T | undefined>\nexport function useRef<T>(initialValue?: T): RefObject<T | undefined> {\n  return hook(() => ({\n    current: initialValue\n  }))\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"core.mjs"}

package/dist/css.js

@@ -1,2 +1,2 @@
-'use strict';function C(e){let t=5381;for(let n=0;n<e.length;n++)t=(t<<5)+t^e.charCodeAt(n);return "fx-"+(t>>>0).toString(36)}var W=new Set(["animationIterationCount","borderImageOutset","borderImageSlice","borderImageWidth","boxFlex","boxFlexGroup","boxOrdinalGroup","columnCount","columns","flex","flexGrow","flexPositive","flexShrink","flexNegative","flexOrder","gridArea","gridRow","gridRowEnd","gridRowSpan","gridRowStart","gridColumn","gridColumnEnd","gridColumnSpan","gridColumnStart","fontWeight","lineClamp","lineHeight","opacity","order","orphans","tabSize","widows","zIndex","zoom","fillOpacity","floodOpacity","stopOpacity","strokeDasharray","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth"]);function K(e){return e.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}function P(e,t){return typeof t=="number"&&t!==0&&!W.has(e)?t+"px":String(t)}function k(e,t){let n="",r="";for(let i in e){let a=e[i];if(a!=null)if(i.startsWith("&")){let l=i.replace(/&/g,t);r+=k(a,l);}else if(i.startsWith("@"))r+=`${i}{${k(a,t)}}`;else {if(typeof a=="object")continue;n+=`${K(i)}:${P(i,a)};`;}}let s="";return n&&(s=`${t}{${n}}`),s+=r,s}function z(e,t){let n="";for(let r in t){let s=t[r],i="";for(let a in s){let l=s[a];l!=null&&typeof l!="object"&&(i+=`${K(a)}:${P(a,l)};`);}n+=`${r}{${i}}`;}return `@keyframes ${e}{${n}}`}var g=new Map,v=[],m=null;function M(){return typeof document<"u"&&"adoptedStyleSheets"in document&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype}function E(){return M()?(m||(m=new CSSStyleSheet,document.adoptedStyleSheets=[...document.adoptedStyleSheets,m]),m):null}function V(e,t){if(g.has(e))return;g.set(e,true);let n=E();if(n)try{n.insertRule(t,n.cssRules.length);}catch(r){process.env.NODE_ENV!=="production"&&console.warn("[flexium/css] Invalid CSS rule:",t,r);}else v.push(t);}function O(e){return g.has(e)}function D(){return v.join("")}function H(){let e=D();return e?`<style data-flexium-css>${e}</style>`:""}function L(){v=[],g=new Map,m=null;}function A(){if(typeof document>"u")return;let e=document.querySelector("style[data-flexium-css]");if(e){let t=e.textContent||"",n=/\.fx-[a-z0-9]+/g,r;for(;(r=n.exec(t))!==null;){let s=r[0].slice(1);g.set(s,true);}}}M()&&A();function S(e){let t=JSON.stringify(e),n=C(t);if(O(n))return n;let r=k(e,"."+n);return V(n,r),n}function N(...e){return e.filter(Boolean).join(" ")}function q(e,t){let{base:n,variants:r,defaultVariants:s,compoundVariants:i}=t,a=S(n),l=new Map;function I(d,c){let h=`${d}:${c}`,f=l.get(h);return !f&&r?.[d]?.[c]&&(f=S(r[d][c]),l.set(h,f)),f||""}let T=new Map;function $(d){let{children:c,className:h,...f}=d,u={},j={};for(let o in f)r&&o in r?u[o]=f[o]??s?.[o]:j[o]=f[o];if(s)for(let o in s)o in u||(u[o]=String(s[o]));let w=[];for(let[o,x]of Object.entries(u))if(x){let y=I(o,String(x));y&&w.push(y);}if(i)for(let o of i){let{css:x,...y}=o,R=true;for(let[b,p]of Object.entries(y))if(u[b]!==p){R=false;break}if(R){let b=JSON.stringify(y),p=T.get(b);p||(p=S(x),T.set(b,p)),w.push(p);}}let F=N(a,...w,h);return {type:e,props:{...j,className:F},children:Array.isArray(c)?c:c!=null?[c]:[],key:void 0}}return $.displayName=`Styled(${e})`,$}function G(e){let t=JSON.stringify(e),n=C(t);if(O(n))return n;let r=z(n,e);return V(n,r),n}exports.css=S;exports.cx=N;exports.getStyleTag=H;exports.getStyles=D;exports.hydrateStyles=A;exports.keyframes=G;exports.resetStyles=L;exports.styled=q;//# sourceMappingURL=css.js.map
+'use strict';var chunkZJZRDYA2_js=require('./chunk-ZJZRDYA2.js');Object.defineProperty(exports,"css",{enumerable:true,get:function(){return chunkZJZRDYA2_js.e}});Object.defineProperty(exports,"cx",{enumerable:true,get:function(){return chunkZJZRDYA2_js.f}});Object.defineProperty(exports,"getStyleTag",{enumerable:true,get:function(){return chunkZJZRDYA2_js.b}});Object.defineProperty(exports,"getStyles",{enumerable:true,get:function(){return chunkZJZRDYA2_js.a}});Object.defineProperty(exports,"hydrateStyles",{enumerable:true,get:function(){return chunkZJZRDYA2_js.d}});Object.defineProperty(exports,"keyframes",{enumerable:true,get:function(){return chunkZJZRDYA2_js.h}});Object.defineProperty(exports,"resetStyles",{enumerable:true,get:function(){return chunkZJZRDYA2_js.c}});Object.defineProperty(exports,"styled",{enumerable:true,get:function(){return chunkZJZRDYA2_js.g}});//# sourceMappingURL=css.js.map
 //# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/css/runtime/hash.ts","../src/css/runtime/serialize.ts","../src/css/runtime/sheet.ts","../src/css/css.ts","../src/css/styled.ts","../src/css/keyframes.ts"],"names":["hash","str","h","i","unitlessProperties","toKebabCase","match","addUnit","property","value","serialize","styles","selector","properties","nested","key","nestedSelector","result","serializeKeyframes","name","keyframes","frames","prop","cache","serverStyles","browserSheet","supportsAdoptedStyleSheets","getBrowserSheet","insert","css","sheet","e","has","getStyles","getStyleTag","resetStyles","hydrateStyles","styleTag","text","classRegex","className","cssText","cx","classes","styled","tag","config","base","variants","defaultVariants","compoundVariants","baseClass","variantCache","getVariantClass","variantName","variantValue","cacheKey","compoundCache","StyledComponent","props","children","userClassName","rest","variantProps","elementProps","variantClasses","vc","compound","compoundStyles","conditions","matches","compoundClass","finalClassName","definition"],"mappings":"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","file":"css.js","sourcesContent":["/**\n * Generate a hash for a style object\n * Uses djb2 algorithm for fast, low-collision hashing\n */\nexport function hash(str: string): string {\n  let h = 5381\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) ^ str.charCodeAt(i)\n  }\n  return 'fx-' + (h >>> 0).toString(36)\n}\n","import type { StyleObject, CSSValue } from '../types'\n\n/**\n * Properties that should not have 'px' auto-added\n */\nconst unitlessProperties = new Set([\n  'animationIterationCount',\n  'borderImageOutset',\n  'borderImageSlice',\n  'borderImageWidth',\n  'boxFlex',\n  'boxFlexGroup',\n  'boxOrdinalGroup',\n  'columnCount',\n  'columns',\n  'flex',\n  'flexGrow',\n  'flexPositive',\n  'flexShrink',\n  'flexNegative',\n  'flexOrder',\n  'gridArea',\n  'gridRow',\n  'gridRowEnd',\n  'gridRowSpan',\n  'gridRowStart',\n  'gridColumn',\n  'gridColumnEnd',\n  'gridColumnSpan',\n  'gridColumnStart',\n  'fontWeight',\n  'lineClamp',\n  'lineHeight',\n  'opacity',\n  'order',\n  'orphans',\n  'tabSize',\n  'widows',\n  'zIndex',\n  'zoom',\n  'fillOpacity',\n  'floodOpacity',\n  'stopOpacity',\n  'strokeDasharray',\n  'strokeDashoffset',\n  'strokeMiterlimit',\n  'strokeOpacity',\n  'strokeWidth',\n])\n\n/**\n * Convert camelCase to kebab-case\n */\nexport function toKebabCase(str: string): string {\n  return str.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase())\n}\n\n/**\n * Add unit to numeric values where appropriate\n */\nexport function addUnit(property: string, value: CSSValue): string {\n  if (typeof value === 'number' && value !== 0 && !unitlessProperties.has(property)) {\n    return value + 'px'\n  }\n  return String(value)\n}\n\n/**\n * Serialize a style object to CSS string\n */\nexport function serialize(styles: StyleObject, selector: string): string {\n  let properties = ''\n  let nested = ''\n\n  for (const key in styles) {\n    const value = styles[key]\n\n    if (value === undefined || value === null) {\n      continue\n    }\n\n    if (key.startsWith('&')) {\n      // Nested selector: &:hover, &::before, & > div\n      const nestedSelector = key.replace(/&/g, selector)\n      nested += serialize(value as StyleObject, nestedSelector)\n    } else if (key.startsWith('@')) {\n      // At-rule: @media, @supports, @container\n      nested += `${key}{${serialize(value as StyleObject, selector)}}`\n    } else if (typeof value === 'object') {\n      // Skip invalid nested objects without & or @\n      continue\n    } else {\n      // Regular CSS property\n      properties += `${toKebabCase(key)}:${addUnit(key, value)};`\n    }\n  }\n\n  let result = ''\n  if (properties) {\n    result = `${selector}{${properties}}`\n  }\n  result += nested\n\n  return result\n}\n\n/**\n * Serialize keyframes to CSS string\n */\nexport function serializeKeyframes(\n  name: string,\n  keyframes: Record<string, Record<string, CSSValue>>\n): string {\n  let frames = ''\n\n  for (const key in keyframes) {\n    const styles = keyframes[key]\n    let properties = ''\n\n    for (const prop in styles) {\n      const value = styles[prop]\n      if (value !== undefined && value !== null && typeof value !== 'object') {\n        properties += `${toKebabCase(prop)}:${addUnit(prop, value)};`\n      }\n    }\n\n    frames += `${key}{${properties}}`\n  }\n\n  return `@keyframes ${name}{${frames}}`\n}\n","/**\n * StyleSheet manager\n * Uses adoptedStyleSheets for efficient style injection\n * Falls back to server-side collection when not available (SSR, jsdom)\n */\n\n// Cache to track which styles have been inserted\nlet cache = new Map<string, boolean>()\n\n// Server-side collected styles\nlet serverStyles: string[] = []\n\n// Browser stylesheet (lazy initialized)\nlet browserSheet: CSSStyleSheet | null = null\n\n/**\n * Check if adoptedStyleSheets is supported\n */\nfunction supportsAdoptedStyleSheets(): boolean {\n  return (\n    typeof document !== 'undefined' &&\n    'adoptedStyleSheets' in document &&\n    typeof CSSStyleSheet !== 'undefined' &&\n    'replaceSync' in CSSStyleSheet.prototype\n  )\n}\n\nfunction getBrowserSheet(): CSSStyleSheet | null {\n  if (!supportsAdoptedStyleSheets()) {\n    return null\n  }\n\n  if (!browserSheet) {\n    browserSheet = new CSSStyleSheet()\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, browserSheet]\n  }\n  return browserSheet\n}\n\n/**\n * Insert a CSS rule\n */\nexport function insert(hash: string, css: string): void {\n  if (cache.has(hash)) {\n    return\n  }\n\n  cache.set(hash, true)\n\n  const sheet = getBrowserSheet()\n  if (sheet) {\n    try {\n      sheet.insertRule(css, sheet.cssRules.length)\n    } catch (e) {\n      // Handle invalid CSS gracefully in development\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn('[flexium/css] Invalid CSS rule:', css, e)\n      }\n    }\n  } else {\n    // Server-side or unsupported environment: collect styles\n    serverStyles.push(css)\n  }\n}\n\n/**\n * Check if a hash is already in the cache\n */\nexport function has(hash: string): boolean {\n  return cache.has(hash)\n}\n\n/**\n * Get all collected styles for SSR\n */\nexport function getStyles(): string {\n  return serverStyles.join('')\n}\n\n/**\n * Get styles as a style tag for SSR\n */\nexport function getStyleTag(): string {\n  const styles = getStyles()\n  if (!styles) return ''\n  return `<style data-flexium-css>${styles}</style>`\n}\n\n/**\n * Reset collected styles and cache (for SSR between requests or testing)\n */\nexport function resetStyles(): void {\n  serverStyles = []\n  cache = new Map()\n  browserSheet = null\n}\n\n/**\n * Hydrate styles on the client\n * Call this after SSR to sync the cache with server-rendered styles\n */\nexport function hydrateStyles(): void {\n  if (typeof document === 'undefined') return\n\n  const styleTag = document.querySelector('style[data-flexium-css]')\n  if (styleTag) {\n    // Parse and cache existing styles\n    const text = styleTag.textContent || ''\n    const classRegex = /\\.fx-[a-z0-9]+/g\n    let match\n    while ((match = classRegex.exec(text)) !== null) {\n      const hash = match[0].slice(1) // Remove the dot\n      cache.set(hash, true)\n    }\n  }\n}\n\n// Auto-hydrate on client (only if adoptedStyleSheets is supported)\nif (supportsAdoptedStyleSheets()) {\n  hydrateStyles()\n}\n","import type { StyleObject } from './types'\nimport { hash } from './runtime/hash'\nimport { serialize } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a CSS class from a style object\n *\n * @example\n * ```tsx\n * const buttonClass = css({\n *   padding: '8px 16px',\n *   backgroundColor: 'blue',\n *   color: 'white',\n *   '&:hover': {\n *     backgroundColor: 'darkblue'\n *   }\n * })\n *\n * <button className={buttonClass}>Click me</button>\n * ```\n */\nexport function css(styles: StyleObject): string {\n  // Generate unique hash from style object\n  const key = JSON.stringify(styles)\n  const className = hash(key)\n\n  // Skip if already inserted\n  if (has(className)) {\n    return className\n  }\n\n  // Serialize and insert CSS\n  const cssText = serialize(styles, '.' + className)\n  insert(className, cssText)\n\n  return className\n}\n\n/**\n * Combine multiple class names, filtering out falsy values\n *\n * @example\n * ```tsx\n * const className = cx(\n *   baseClass,\n *   isActive && activeClass,\n *   variant === 'primary' && primaryClass\n * )\n * ```\n */\nexport function cx(\n  ...classes: (string | boolean | null | undefined)[]\n): string {\n  return classes.filter(Boolean).join(' ')\n}\n","import type { StyleObject, VariantConfig, StyledConfig } from './types'\nimport type { FNode } from '../dom/types'\nimport { css, cx } from './css'\n\n// HTML element tag names\ntype HTMLTag = 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' |\n  'b' | 'base' | 'bdi' | 'bdo' | 'blockquote' | 'body' | 'br' | 'button' |\n  'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup' |\n  'data' | 'datalist' | 'dd' | 'del' | 'details' | 'dfn' | 'dialog' | 'div' | 'dl' | 'dt' |\n  'em' | 'embed' |\n  'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' |\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hgroup' | 'hr' | 'html' |\n  'i' | 'iframe' | 'img' | 'input' | 'ins' |\n  'kbd' |\n  'label' | 'legend' | 'li' | 'link' |\n  'main' | 'map' | 'mark' | 'menu' | 'meta' | 'meter' |\n  'nav' | 'noscript' |\n  'object' | 'ol' | 'optgroup' | 'option' | 'output' |\n  'p' | 'picture' | 'pre' | 'progress' |\n  'q' |\n  'rp' | 'rt' | 'ruby' |\n  's' | 'samp' | 'script' | 'search' | 'section' | 'select' | 'slot' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'svg' |\n  'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'time' | 'title' | 'tr' | 'track' |\n  'u' | 'ul' |\n  'var' | 'video' |\n  'wbr'\n\n/**\n * Create a styled component with variant support\n *\n * @example\n * ```tsx\n * const Button = styled('button', {\n *   base: {\n *     padding: '8px 16px',\n *     border: 'none',\n *     borderRadius: 4,\n *     cursor: 'pointer'\n *   },\n *   variants: {\n *     variant: {\n *       primary: { backgroundColor: 'blue', color: 'white' },\n *       secondary: { backgroundColor: 'gray', color: 'black' }\n *     },\n *     size: {\n *       sm: { padding: '4px 8px', fontSize: 12 },\n *       md: { padding: '8px 16px', fontSize: 14 },\n *       lg: { padding: '12px 24px', fontSize: 16 }\n *     }\n *   },\n *   defaultVariants: {\n *     variant: 'primary',\n *     size: 'md'\n *   }\n * })\n *\n * // Usage\n * <Button variant=\"secondary\" size=\"lg\">Click me</Button>\n * ```\n */\nexport function styled<\n  T extends HTMLTag,\n  V extends VariantConfig = Record<string, never>\n>(\n  tag: T,\n  config: StyledConfig<V>\n): StyledComponent<T, V> {\n  const { base, variants, defaultVariants, compoundVariants } = config\n\n  // Pre-compute base class\n  const baseClass = css(base)\n\n  // Cache for variant classes\n  const variantCache = new Map<string, string>()\n\n  // Get or create variant class\n  function getVariantClass(variantName: string, variantValue: string): string {\n    const cacheKey = `${variantName}:${variantValue}`\n    let className = variantCache.get(cacheKey)\n\n    if (!className && variants?.[variantName]?.[variantValue]) {\n      className = css(variants[variantName][variantValue])\n      variantCache.set(cacheKey, className)\n    }\n\n    return className || ''\n  }\n\n  // Compound variant cache\n  const compoundCache = new Map<string, string>()\n\n  function StyledComponent(props: StyledComponentProps<V>): FNode {\n    const { children, className: userClassName, ...rest } = props as any\n\n    // Separate variant props from element props\n    const variantProps: Record<string, string> = {}\n    const elementProps: Record<string, any> = {}\n\n    for (const key in rest) {\n      if (variants && key in variants) {\n        variantProps[key] = rest[key] ?? (defaultVariants as any)?.[key]\n      } else {\n        elementProps[key] = rest[key]\n      }\n    }\n\n    // Apply default variants for missing props\n    if (defaultVariants) {\n      for (const key in defaultVariants) {\n        if (!(key in variantProps)) {\n          variantProps[key] = String(defaultVariants[key as keyof typeof defaultVariants])\n        }\n      }\n    }\n\n    // Collect variant classes\n    const variantClasses: string[] = []\n    for (const [name, value] of Object.entries(variantProps)) {\n      if (value) {\n        const vc = getVariantClass(name, String(value))\n        if (vc) variantClasses.push(vc)\n      }\n    }\n\n    // Check compound variants\n    if (compoundVariants) {\n      for (const compound of compoundVariants) {\n        const { css: compoundStyles, ...conditions } = compound\n\n        // Check if all conditions match\n        let matches = true\n        for (const [key, value] of Object.entries(conditions)) {\n          if (variantProps[key] !== value) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches) {\n          // Generate cache key from conditions\n          const cacheKey = JSON.stringify(conditions)\n          let compoundClass = compoundCache.get(cacheKey)\n\n          if (!compoundClass) {\n            compoundClass = css(compoundStyles)\n            compoundCache.set(cacheKey, compoundClass)\n          }\n\n          variantClasses.push(compoundClass)\n        }\n      }\n    }\n\n    // Combine all classes\n    const finalClassName = cx(baseClass, ...variantClasses, userClassName)\n\n    // Return FNode element\n    return {\n      type: tag,\n      props: { ...elementProps, className: finalClassName },\n      children: Array.isArray(children) ? children : children != null ? [children] : [],\n      key: undefined\n    }\n  }\n\n  // Mark as styled component\n  StyledComponent.displayName = `Styled(${tag})`\n\n  return StyledComponent as unknown as StyledComponent<T, V>\n}\n\n// Types\ntype StyledComponent<\n  T extends HTMLTag,\n  V extends VariantConfig\n> = {\n  (props: StyledComponentProps<V>): FNode\n  displayName: string\n}\n\ntype StyledComponentProps<V extends VariantConfig> = {\n  [K in keyof V]?: keyof V[K]\n} & {\n  children?: any\n  className?: string\n  [key: string]: any\n}\n","import type { KeyframeDefinition, CSSValue } from './types'\nimport { hash } from './runtime/hash'\nimport { serializeKeyframes } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a keyframes animation\n *\n * @example\n * ```tsx\n * const fadeIn = keyframes({\n *   from: { opacity: 0 },\n *   to: { opacity: 1 }\n * })\n *\n * const slideIn = keyframes({\n *   '0%': { transform: 'translateX(-100%)' },\n *   '100%': { transform: 'translateX(0)' }\n * })\n *\n * const className = css({\n *   animation: `${fadeIn} 0.3s ease-in-out`\n * })\n * ```\n */\nexport function keyframes(definition: KeyframeDefinition): string {\n  // Generate unique name from keyframe definition\n  const key = JSON.stringify(definition)\n  const name = hash(key)\n\n  // Skip if already inserted\n  if (has(name)) {\n    return name\n  }\n\n  // Serialize and insert keyframes\n  const cssText = serializeKeyframes(name, definition as Record<string, Record<string, CSSValue>>)\n  insert(name, cssText)\n\n  return name\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css.js"}

package/dist/css.mjs

@@ -1,2 +1,2 @@
-function C(e){let t=5381;for(let n=0;n<e.length;n++)t=(t<<5)+t^e.charCodeAt(n);return "fx-"+(t>>>0).toString(36)}var W=new Set(["animationIterationCount","borderImageOutset","borderImageSlice","borderImageWidth","boxFlex","boxFlexGroup","boxOrdinalGroup","columnCount","columns","flex","flexGrow","flexPositive","flexShrink","flexNegative","flexOrder","gridArea","gridRow","gridRowEnd","gridRowSpan","gridRowStart","gridColumn","gridColumnEnd","gridColumnSpan","gridColumnStart","fontWeight","lineClamp","lineHeight","opacity","order","orphans","tabSize","widows","zIndex","zoom","fillOpacity","floodOpacity","stopOpacity","strokeDasharray","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth"]);function K(e){return e.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}function P(e,t){return typeof t=="number"&&t!==0&&!W.has(e)?t+"px":String(t)}function k(e,t){let n="",r="";for(let i in e){let a=e[i];if(a!=null)if(i.startsWith("&")){let l=i.replace(/&/g,t);r+=k(a,l);}else if(i.startsWith("@"))r+=`${i}{${k(a,t)}}`;else {if(typeof a=="object")continue;n+=`${K(i)}:${P(i,a)};`;}}let s="";return n&&(s=`${t}{${n}}`),s+=r,s}function z(e,t){let n="";for(let r in t){let s=t[r],i="";for(let a in s){let l=s[a];l!=null&&typeof l!="object"&&(i+=`${K(a)}:${P(a,l)};`);}n+=`${r}{${i}}`;}return `@keyframes ${e}{${n}}`}var g=new Map,v=[],m=null;function M(){return typeof document<"u"&&"adoptedStyleSheets"in document&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype}function E(){return M()?(m||(m=new CSSStyleSheet,document.adoptedStyleSheets=[...document.adoptedStyleSheets,m]),m):null}function V(e,t){if(g.has(e))return;g.set(e,true);let n=E();if(n)try{n.insertRule(t,n.cssRules.length);}catch(r){process.env.NODE_ENV!=="production"&&console.warn("[flexium/css] Invalid CSS rule:",t,r);}else v.push(t);}function O(e){return g.has(e)}function D(){return v.join("")}function H(){let e=D();return e?`<style data-flexium-css>${e}</style>`:""}function L(){v=[],g=new Map,m=null;}function A(){if(typeof document>"u")return;let e=document.querySelector("style[data-flexium-css]");if(e){let t=e.textContent||"",n=/\.fx-[a-z0-9]+/g,r;for(;(r=n.exec(t))!==null;){let s=r[0].slice(1);g.set(s,true);}}}M()&&A();function S(e){let t=JSON.stringify(e),n=C(t);if(O(n))return n;let r=k(e,"."+n);return V(n,r),n}function N(...e){return e.filter(Boolean).join(" ")}function q(e,t){let{base:n,variants:r,defaultVariants:s,compoundVariants:i}=t,a=S(n),l=new Map;function I(d,c){let h=`${d}:${c}`,f=l.get(h);return !f&&r?.[d]?.[c]&&(f=S(r[d][c]),l.set(h,f)),f||""}let T=new Map;function $(d){let{children:c,className:h,...f}=d,u={},j={};for(let o in f)r&&o in r?u[o]=f[o]??s?.[o]:j[o]=f[o];if(s)for(let o in s)o in u||(u[o]=String(s[o]));let w=[];for(let[o,x]of Object.entries(u))if(x){let y=I(o,String(x));y&&w.push(y);}if(i)for(let o of i){let{css:x,...y}=o,R=true;for(let[b,p]of Object.entries(y))if(u[b]!==p){R=false;break}if(R){let b=JSON.stringify(y),p=T.get(b);p||(p=S(x),T.set(b,p)),w.push(p);}}let F=N(a,...w,h);return {type:e,props:{...j,className:F},children:Array.isArray(c)?c:c!=null?[c]:[],key:void 0}}return $.displayName=`Styled(${e})`,$}function G(e){let t=JSON.stringify(e),n=C(t);if(O(n))return n;let r=z(n,e);return V(n,r),n}export{S as css,N as cx,H as getStyleTag,D as getStyles,A as hydrateStyles,G as keyframes,L as resetStyles,q as styled};//# sourceMappingURL=css.mjs.map
+export{e as css,f as cx,b as getStyleTag,a as getStyles,d as hydrateStyles,h as keyframes,c as resetStyles,g as styled}from'./chunk-FU4W2BKL.mjs';//# sourceMappingURL=css.mjs.map
 //# sourceMappingURL=css.mjs.map

package/dist/css.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/css/runtime/hash.ts","../src/css/runtime/serialize.ts","../src/css/runtime/sheet.ts","../src/css/css.ts","../src/css/styled.ts","../src/css/keyframes.ts"],"names":["hash","str","h","i","unitlessProperties","toKebabCase","match","addUnit","property","value","serialize","styles","selector","properties","nested","key","nestedSelector","result","serializeKeyframes","name","keyframes","frames","prop","cache","serverStyles","browserSheet","supportsAdoptedStyleSheets","getBrowserSheet","insert","css","sheet","e","has","getStyles","getStyleTag","resetStyles","hydrateStyles","styleTag","text","classRegex","className","cssText","cx","classes","styled","tag","config","base","variants","defaultVariants","compoundVariants","baseClass","variantCache","getVariantClass","variantName","variantValue","cacheKey","compoundCache","StyledComponent","props","children","userClassName","rest","variantProps","elementProps","variantClasses","vc","compound","compoundStyles","conditions","matches","compoundClass","finalClassName","definition"],"mappings":"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","file":"css.mjs","sourcesContent":["/**\n * Generate a hash for a style object\n * Uses djb2 algorithm for fast, low-collision hashing\n */\nexport function hash(str: string): string {\n  let h = 5381\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) ^ str.charCodeAt(i)\n  }\n  return 'fx-' + (h >>> 0).toString(36)\n}\n","import type { StyleObject, CSSValue } from '../types'\n\n/**\n * Properties that should not have 'px' auto-added\n */\nconst unitlessProperties = new Set([\n  'animationIterationCount',\n  'borderImageOutset',\n  'borderImageSlice',\n  'borderImageWidth',\n  'boxFlex',\n  'boxFlexGroup',\n  'boxOrdinalGroup',\n  'columnCount',\n  'columns',\n  'flex',\n  'flexGrow',\n  'flexPositive',\n  'flexShrink',\n  'flexNegative',\n  'flexOrder',\n  'gridArea',\n  'gridRow',\n  'gridRowEnd',\n  'gridRowSpan',\n  'gridRowStart',\n  'gridColumn',\n  'gridColumnEnd',\n  'gridColumnSpan',\n  'gridColumnStart',\n  'fontWeight',\n  'lineClamp',\n  'lineHeight',\n  'opacity',\n  'order',\n  'orphans',\n  'tabSize',\n  'widows',\n  'zIndex',\n  'zoom',\n  'fillOpacity',\n  'floodOpacity',\n  'stopOpacity',\n  'strokeDasharray',\n  'strokeDashoffset',\n  'strokeMiterlimit',\n  'strokeOpacity',\n  'strokeWidth',\n])\n\n/**\n * Convert camelCase to kebab-case\n */\nexport function toKebabCase(str: string): string {\n  return str.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase())\n}\n\n/**\n * Add unit to numeric values where appropriate\n */\nexport function addUnit(property: string, value: CSSValue): string {\n  if (typeof value === 'number' && value !== 0 && !unitlessProperties.has(property)) {\n    return value + 'px'\n  }\n  return String(value)\n}\n\n/**\n * Serialize a style object to CSS string\n */\nexport function serialize(styles: StyleObject, selector: string): string {\n  let properties = ''\n  let nested = ''\n\n  for (const key in styles) {\n    const value = styles[key]\n\n    if (value === undefined || value === null) {\n      continue\n    }\n\n    if (key.startsWith('&')) {\n      // Nested selector: &:hover, &::before, & > div\n      const nestedSelector = key.replace(/&/g, selector)\n      nested += serialize(value as StyleObject, nestedSelector)\n    } else if (key.startsWith('@')) {\n      // At-rule: @media, @supports, @container\n      nested += `${key}{${serialize(value as StyleObject, selector)}}`\n    } else if (typeof value === 'object') {\n      // Skip invalid nested objects without & or @\n      continue\n    } else {\n      // Regular CSS property\n      properties += `${toKebabCase(key)}:${addUnit(key, value)};`\n    }\n  }\n\n  let result = ''\n  if (properties) {\n    result = `${selector}{${properties}}`\n  }\n  result += nested\n\n  return result\n}\n\n/**\n * Serialize keyframes to CSS string\n */\nexport function serializeKeyframes(\n  name: string,\n  keyframes: Record<string, Record<string, CSSValue>>\n): string {\n  let frames = ''\n\n  for (const key in keyframes) {\n    const styles = keyframes[key]\n    let properties = ''\n\n    for (const prop in styles) {\n      const value = styles[prop]\n      if (value !== undefined && value !== null && typeof value !== 'object') {\n        properties += `${toKebabCase(prop)}:${addUnit(prop, value)};`\n      }\n    }\n\n    frames += `${key}{${properties}}`\n  }\n\n  return `@keyframes ${name}{${frames}}`\n}\n","/**\n * StyleSheet manager\n * Uses adoptedStyleSheets for efficient style injection\n * Falls back to server-side collection when not available (SSR, jsdom)\n */\n\n// Cache to track which styles have been inserted\nlet cache = new Map<string, boolean>()\n\n// Server-side collected styles\nlet serverStyles: string[] = []\n\n// Browser stylesheet (lazy initialized)\nlet browserSheet: CSSStyleSheet | null = null\n\n/**\n * Check if adoptedStyleSheets is supported\n */\nfunction supportsAdoptedStyleSheets(): boolean {\n  return (\n    typeof document !== 'undefined' &&\n    'adoptedStyleSheets' in document &&\n    typeof CSSStyleSheet !== 'undefined' &&\n    'replaceSync' in CSSStyleSheet.prototype\n  )\n}\n\nfunction getBrowserSheet(): CSSStyleSheet | null {\n  if (!supportsAdoptedStyleSheets()) {\n    return null\n  }\n\n  if (!browserSheet) {\n    browserSheet = new CSSStyleSheet()\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, browserSheet]\n  }\n  return browserSheet\n}\n\n/**\n * Insert a CSS rule\n */\nexport function insert(hash: string, css: string): void {\n  if (cache.has(hash)) {\n    return\n  }\n\n  cache.set(hash, true)\n\n  const sheet = getBrowserSheet()\n  if (sheet) {\n    try {\n      sheet.insertRule(css, sheet.cssRules.length)\n    } catch (e) {\n      // Handle invalid CSS gracefully in development\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn('[flexium/css] Invalid CSS rule:', css, e)\n      }\n    }\n  } else {\n    // Server-side or unsupported environment: collect styles\n    serverStyles.push(css)\n  }\n}\n\n/**\n * Check if a hash is already in the cache\n */\nexport function has(hash: string): boolean {\n  return cache.has(hash)\n}\n\n/**\n * Get all collected styles for SSR\n */\nexport function getStyles(): string {\n  return serverStyles.join('')\n}\n\n/**\n * Get styles as a style tag for SSR\n */\nexport function getStyleTag(): string {\n  const styles = getStyles()\n  if (!styles) return ''\n  return `<style data-flexium-css>${styles}</style>`\n}\n\n/**\n * Reset collected styles and cache (for SSR between requests or testing)\n */\nexport function resetStyles(): void {\n  serverStyles = []\n  cache = new Map()\n  browserSheet = null\n}\n\n/**\n * Hydrate styles on the client\n * Call this after SSR to sync the cache with server-rendered styles\n */\nexport function hydrateStyles(): void {\n  if (typeof document === 'undefined') return\n\n  const styleTag = document.querySelector('style[data-flexium-css]')\n  if (styleTag) {\n    // Parse and cache existing styles\n    const text = styleTag.textContent || ''\n    const classRegex = /\\.fx-[a-z0-9]+/g\n    let match\n    while ((match = classRegex.exec(text)) !== null) {\n      const hash = match[0].slice(1) // Remove the dot\n      cache.set(hash, true)\n    }\n  }\n}\n\n// Auto-hydrate on client (only if adoptedStyleSheets is supported)\nif (supportsAdoptedStyleSheets()) {\n  hydrateStyles()\n}\n","import type { StyleObject } from './types'\nimport { hash } from './runtime/hash'\nimport { serialize } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a CSS class from a style object\n *\n * @example\n * ```tsx\n * const buttonClass = css({\n *   padding: '8px 16px',\n *   backgroundColor: 'blue',\n *   color: 'white',\n *   '&:hover': {\n *     backgroundColor: 'darkblue'\n *   }\n * })\n *\n * <button className={buttonClass}>Click me</button>\n * ```\n */\nexport function css(styles: StyleObject): string {\n  // Generate unique hash from style object\n  const key = JSON.stringify(styles)\n  const className = hash(key)\n\n  // Skip if already inserted\n  if (has(className)) {\n    return className\n  }\n\n  // Serialize and insert CSS\n  const cssText = serialize(styles, '.' + className)\n  insert(className, cssText)\n\n  return className\n}\n\n/**\n * Combine multiple class names, filtering out falsy values\n *\n * @example\n * ```tsx\n * const className = cx(\n *   baseClass,\n *   isActive && activeClass,\n *   variant === 'primary' && primaryClass\n * )\n * ```\n */\nexport function cx(\n  ...classes: (string | boolean | null | undefined)[]\n): string {\n  return classes.filter(Boolean).join(' ')\n}\n","import type { StyleObject, VariantConfig, StyledConfig } from './types'\nimport type { FNode } from '../dom/types'\nimport { css, cx } from './css'\n\n// HTML element tag names\ntype HTMLTag = 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' |\n  'b' | 'base' | 'bdi' | 'bdo' | 'blockquote' | 'body' | 'br' | 'button' |\n  'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup' |\n  'data' | 'datalist' | 'dd' | 'del' | 'details' | 'dfn' | 'dialog' | 'div' | 'dl' | 'dt' |\n  'em' | 'embed' |\n  'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' |\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hgroup' | 'hr' | 'html' |\n  'i' | 'iframe' | 'img' | 'input' | 'ins' |\n  'kbd' |\n  'label' | 'legend' | 'li' | 'link' |\n  'main' | 'map' | 'mark' | 'menu' | 'meta' | 'meter' |\n  'nav' | 'noscript' |\n  'object' | 'ol' | 'optgroup' | 'option' | 'output' |\n  'p' | 'picture' | 'pre' | 'progress' |\n  'q' |\n  'rp' | 'rt' | 'ruby' |\n  's' | 'samp' | 'script' | 'search' | 'section' | 'select' | 'slot' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'svg' |\n  'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'time' | 'title' | 'tr' | 'track' |\n  'u' | 'ul' |\n  'var' | 'video' |\n  'wbr'\n\n/**\n * Create a styled component with variant support\n *\n * @example\n * ```tsx\n * const Button = styled('button', {\n *   base: {\n *     padding: '8px 16px',\n *     border: 'none',\n *     borderRadius: 4,\n *     cursor: 'pointer'\n *   },\n *   variants: {\n *     variant: {\n *       primary: { backgroundColor: 'blue', color: 'white' },\n *       secondary: { backgroundColor: 'gray', color: 'black' }\n *     },\n *     size: {\n *       sm: { padding: '4px 8px', fontSize: 12 },\n *       md: { padding: '8px 16px', fontSize: 14 },\n *       lg: { padding: '12px 24px', fontSize: 16 }\n *     }\n *   },\n *   defaultVariants: {\n *     variant: 'primary',\n *     size: 'md'\n *   }\n * })\n *\n * // Usage\n * <Button variant=\"secondary\" size=\"lg\">Click me</Button>\n * ```\n */\nexport function styled<\n  T extends HTMLTag,\n  V extends VariantConfig = Record<string, never>\n>(\n  tag: T,\n  config: StyledConfig<V>\n): StyledComponent<T, V> {\n  const { base, variants, defaultVariants, compoundVariants } = config\n\n  // Pre-compute base class\n  const baseClass = css(base)\n\n  // Cache for variant classes\n  const variantCache = new Map<string, string>()\n\n  // Get or create variant class\n  function getVariantClass(variantName: string, variantValue: string): string {\n    const cacheKey = `${variantName}:${variantValue}`\n    let className = variantCache.get(cacheKey)\n\n    if (!className && variants?.[variantName]?.[variantValue]) {\n      className = css(variants[variantName][variantValue])\n      variantCache.set(cacheKey, className)\n    }\n\n    return className || ''\n  }\n\n  // Compound variant cache\n  const compoundCache = new Map<string, string>()\n\n  function StyledComponent(props: StyledComponentProps<V>): FNode {\n    const { children, className: userClassName, ...rest } = props as any\n\n    // Separate variant props from element props\n    const variantProps: Record<string, string> = {}\n    const elementProps: Record<string, any> = {}\n\n    for (const key in rest) {\n      if (variants && key in variants) {\n        variantProps[key] = rest[key] ?? (defaultVariants as any)?.[key]\n      } else {\n        elementProps[key] = rest[key]\n      }\n    }\n\n    // Apply default variants for missing props\n    if (defaultVariants) {\n      for (const key in defaultVariants) {\n        if (!(key in variantProps)) {\n          variantProps[key] = String(defaultVariants[key as keyof typeof defaultVariants])\n        }\n      }\n    }\n\n    // Collect variant classes\n    const variantClasses: string[] = []\n    for (const [name, value] of Object.entries(variantProps)) {\n      if (value) {\n        const vc = getVariantClass(name, String(value))\n        if (vc) variantClasses.push(vc)\n      }\n    }\n\n    // Check compound variants\n    if (compoundVariants) {\n      for (const compound of compoundVariants) {\n        const { css: compoundStyles, ...conditions } = compound\n\n        // Check if all conditions match\n        let matches = true\n        for (const [key, value] of Object.entries(conditions)) {\n          if (variantProps[key] !== value) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches) {\n          // Generate cache key from conditions\n          const cacheKey = JSON.stringify(conditions)\n          let compoundClass = compoundCache.get(cacheKey)\n\n          if (!compoundClass) {\n            compoundClass = css(compoundStyles)\n            compoundCache.set(cacheKey, compoundClass)\n          }\n\n          variantClasses.push(compoundClass)\n        }\n      }\n    }\n\n    // Combine all classes\n    const finalClassName = cx(baseClass, ...variantClasses, userClassName)\n\n    // Return FNode element\n    return {\n      type: tag,\n      props: { ...elementProps, className: finalClassName },\n      children: Array.isArray(children) ? children : children != null ? [children] : [],\n      key: undefined\n    }\n  }\n\n  // Mark as styled component\n  StyledComponent.displayName = `Styled(${tag})`\n\n  return StyledComponent as unknown as StyledComponent<T, V>\n}\n\n// Types\ntype StyledComponent<\n  T extends HTMLTag,\n  V extends VariantConfig\n> = {\n  (props: StyledComponentProps<V>): FNode\n  displayName: string\n}\n\ntype StyledComponentProps<V extends VariantConfig> = {\n  [K in keyof V]?: keyof V[K]\n} & {\n  children?: any\n  className?: string\n  [key: string]: any\n}\n","import type { KeyframeDefinition, CSSValue } from './types'\nimport { hash } from './runtime/hash'\nimport { serializeKeyframes } from './runtime/serialize'\nimport { insert, has } from './runtime/sheet'\n\n/**\n * Create a keyframes animation\n *\n * @example\n * ```tsx\n * const fadeIn = keyframes({\n *   from: { opacity: 0 },\n *   to: { opacity: 1 }\n * })\n *\n * const slideIn = keyframes({\n *   '0%': { transform: 'translateX(-100%)' },\n *   '100%': { transform: 'translateX(0)' }\n * })\n *\n * const className = css({\n *   animation: `${fadeIn} 0.3s ease-in-out`\n * })\n * ```\n */\nexport function keyframes(definition: KeyframeDefinition): string {\n  // Generate unique name from keyframe definition\n  const key = JSON.stringify(definition)\n  const name = hash(key)\n\n  // Skip if already inserted\n  if (has(name)) {\n    return name\n  }\n\n  // Serialize and insert keyframes\n  const cssText = serializeKeyframes(name, definition as Record<string, Record<string, CSSValue>>)\n  insert(name, cssText)\n\n  return name\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css.mjs"}

package/dist/dom.d.cts

@@ -1,5 +1,5 @@
 import { F as FNode, a as FNodeChild } from './types-DH8L3A5z.cjs';
-import { S as SerializedState } from './types-CxlS2F2j.cjs';
+import { b as SerializedState } from './types-C5UPsdAS.cjs';
 
 /**
  * f() - Create FNodes without JSX
@@ -28,14 +28,6 @@ interface HydrateOptions {
  */
 declare function hydrate(app: FNodeChild | (() => FNodeChild), container: HTMLElement, options?: HydrateOptions): void;
 
-interface PortalProps {
-    /** Target element or CSS selector to render children into */
-    target: HTMLElement | string;
-    /** Children to render in the portal */
-    children: FNodeChild;
-    /** Optional key for reconciliation */
-    key?: any;
-}
 interface SuspenseProps {
     /** Fallback UI to display while loading */
     fallback: FNodeChild;
@@ -69,33 +61,6 @@ interface ErrorBoundaryProps {
     resetKey?: unknown;
 }
 
-/**
- * Portal component that renders children into a different DOM node
- *
- * @deprecated Use Portal from 'flexium-ui' instead:
- * ```tsx
- * import { Portal } from 'flexium-ui'
- * ```
- *
- * @example
- * ```tsx
- * function Modal({ isOpen, onClose, children }) {
- *   if (!isOpen) return null
- *
- *   return (
- *     <Portal target={document.body}>
- *       <div class="modal-backdrop" onClick={onClose}>
- *         <div class="modal-content" onClick={e => e.stopPropagation()}>
- *           {children}
- *         </div>
- *       </div>
- *     </Portal>
- *   )
- * }
- * ```
- */
-declare function Portal(props: PortalProps): null;
-
 /**
  * Suspense component that shows fallback while children are loading
  *
@@ -150,4 +115,4 @@ declare function lazy<P = {}>(loader: () => Promise<{
     default: (props: P) => FNodeChild;
 }>): LazyComponent<P>;
 
-export { ErrorBoundary, type ErrorBoundaryProps, type ErrorInfo, type HydrateOptions, type LazyComponent, Portal, type PortalProps, Suspense, type SuspenseProps, f, hydrate, lazy, render };
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorInfo, type HydrateOptions, type LazyComponent, Suspense, type SuspenseProps, f, hydrate, lazy, render };

package/dist/dom.d.ts

@@ -1,5 +1,5 @@
 import { F as FNode, a as FNodeChild } from './types-DH8L3A5z.js';
-import { S as SerializedState } from './types-CxlS2F2j.js';
+import { b as SerializedState } from './types-C5UPsdAS.js';
 
 /**
  * f() - Create FNodes without JSX
@@ -28,14 +28,6 @@ interface HydrateOptions {
  */
 declare function hydrate(app: FNodeChild | (() => FNodeChild), container: HTMLElement, options?: HydrateOptions): void;
 
-interface PortalProps {
-    /** Target element or CSS selector to render children into */
-    target: HTMLElement | string;
-    /** Children to render in the portal */
-    children: FNodeChild;
-    /** Optional key for reconciliation */
-    key?: any;
-}
 interface SuspenseProps {
     /** Fallback UI to display while loading */
     fallback: FNodeChild;
@@ -69,33 +61,6 @@ interface ErrorBoundaryProps {
     resetKey?: unknown;
 }
 
-/**
- * Portal component that renders children into a different DOM node
- *
- * @deprecated Use Portal from 'flexium-ui' instead:
- * ```tsx
- * import { Portal } from 'flexium-ui'
- * ```
- *
- * @example
- * ```tsx
- * function Modal({ isOpen, onClose, children }) {
- *   if (!isOpen) return null
- *
- *   return (
- *     <Portal target={document.body}>
- *       <div class="modal-backdrop" onClick={onClose}>
- *         <div class="modal-content" onClick={e => e.stopPropagation()}>
- *           {children}
- *         </div>
- *       </div>
- *     </Portal>
- *   )
- * }
- * ```
- */
-declare function Portal(props: PortalProps): null;
-
 /**
  * Suspense component that shows fallback while children are loading
  *
@@ -150,4 +115,4 @@ declare function lazy<P = {}>(loader: () => Promise<{
     default: (props: P) => FNodeChild;
 }>): LazyComponent<P>;
 
-export { ErrorBoundary, type ErrorBoundaryProps, type ErrorInfo, type HydrateOptions, type LazyComponent, Portal, type PortalProps, Suspense, type SuspenseProps, f, hydrate, lazy, render };
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorInfo, type HydrateOptions, type LazyComponent, Suspense, type SuspenseProps, f, hydrate, lazy, render };

package/dist/dom.js

@@ -1,2 +1,2 @@
-'use strict';var chunkTHUSQSDY_js=require('./chunk-THUSQSDY.js'),chunkLOKMOGSA_js=require('./chunk-LOKMOGSA.js'),chunk3CKIHQIE_js=require('./chunk-3CKIHQIE.js'),chunkVNYPOCV7_js=require('./chunk-VNYPOCV7.js');function Y(e,t,...o){return {type:e,props:t||{},children:o,key:t?.key}}var l=null,H=new WeakMap,C=null;function Z(e,t,o={}){let{state:n,onHydrated:r,onMismatch:a}=o;l=t.firstChild;try{let s;typeof e=="function"&&!D(e)?s={type:e,props:{},children:[],key:void 0}:s=e,P(s,t),r?.();}catch(s){console.warn("[Flexium] Hydration mismatch, falling back to full render:",s),a?.(s),t.innerHTML="",import('./render-IBWAHNEZ.js').then(({render:p})=>{p(e,t);});}finally{l=null;}}function D(e){return e&&typeof e=="object"&&"type"in e&&"props"in e}function P(e,t){if(e==null||typeof e=="boolean")return I(),null;if(typeof e=="string"||typeof e=="number")return ee(String(e));if(Array.isArray(e)){let o=[];for(let n of e){let r=P(n,t);r&&(Array.isArray(r)?o.push(...r):o.push(r));}return o}if(typeof e=="function")return $({type:e,props:{},children:[],key:void 0},t);if(typeof e=="object"&&D(e)){if(typeof e.type=="string")return te(e);if(typeof e.type=="function")return $(e,t)}return null}function I(){for(;l&&l.nodeType===Node.TEXT_NODE&&(!l.textContent||l.textContent.trim()==="");)l=l.nextSibling;}function ee(e){I();let t=l;if(!t)return null;if(t.nodeType!==Node.TEXT_NODE){if(e.trim()==="")return null;throw new Error(`Hydration mismatch: expected text node "${e}", got ${t.nodeName}`)}return l=t.nextSibling,t}function te(e){I();let t=l,o=e.type;if(!t||t.nodeType!==Node.ELEMENT_NODE)throw new Error(`Hydration mismatch: expected element <${o}>, got ${t?.nodeName||"nothing"}`);if(t.tagName.toLowerCase()!==o.toLowerCase())throw new Error(`Hydration mismatch: expected <${o}>, got <${t.tagName.toLowerCase()}>`);if(e.props){for(let[n,r]of Object.entries(e.props))if(n==="ref")typeof r=="function"?r(t):r&&typeof r=="object"&&"current"in r&&(r.current=t);else if(n.startsWith("on")&&typeof r=="function"){let a=n.slice(2).toLowerCase();t.addEventListener(a,r),t.__eventHandlers||(t.__eventHandlers={}),t.__eventHandlers[a]=r;}}if(l=t.nextSibling,e.children&&e.children.length>0){let n=l;l=t.firstChild;for(let r of e.children)P(r,t);l=n;}return t}function $(e,t){let o=e.type,n={...e.props};e.children&&e.children.length>0&&(n.children=e.children.length===1?e.children[0]:e.children);let r=o._contextId,a=r!==void 0,s;a&&(s=chunkVNYPOCV7_js.g(r,n.value)),H.has(t)||H.set(t,new Map);let p=H.get(t),x=e.key!==void 0,u;if(x)u=e.key;else {let f=0,y=o.name||"anonymous";p.forEach((v,E)=>{typeof E=="string"&&E.startsWith(`__auto_${y}_`)&&f++;}),u=`__auto_${y}_${f}`;}let i={hooks:[],hookIndex:0,nodes:[],parent:t,fnode:e,props:n,key:u,children:new Set,parentInstance:C||void 0};C&&C.children.add(i),p.set(u,i);let c=C;C=i;try{let f=chunkVNYPOCV7_js.a(i,()=>o(n)),y=P(f,t);i.nodes=y?Array.isArray(y)?y:[y]:[];let v=!0,E=()=>{let G=i.props,B=chunkVNYPOCV7_js.a(i,()=>o(G));if(v){v=!1;return}if(i.nodes.length===0){let S=chunkTHUSQSDY_js.a(B,t);i.nodes=S?Array.isArray(S)?S:[S]:[];return}let m=i.nodes[0].parentNode;if(!m)return;let N=document.createComment("flexium-marker"),M=i.nodes[i.nodes.length-1];M.nextSibling?m.insertBefore(N,M.nextSibling):m.appendChild(N),i.children.clear();let J=document.createElement("div"),g=chunkTHUSQSDY_js.a(B,J,m),Q=g?Array.isArray(g)?g:[g]:[],U=chunkTHUSQSDY_js.b(i.nodes,Q,m,N);m.removeChild(N),i.nodes=U;};return i.renderFn=E,chunk3CKIHQIE_js.b(E),i.nodes}finally{C=c,a&&chunkVNYPOCV7_js.h(r,s);}}function W(e){let{target:t,children:o}=e,n=chunkVNYPOCV7_js.b(()=>({container:null,mounted:false}));return chunkLOKMOGSA_js.c(({onCleanup:r})=>{let a=null;if(typeof t=="string"?a=document.querySelector(t):t instanceof HTMLElement&&(a=t),!a){console.warn("[Flexium Portal] Target container not found:",t);return}let s=document.createElement("div");s.setAttribute("data-flexium-portal","true"),a.appendChild(s),n.container=s,n.mounted=true,chunkTHUSQSDY_js.c(o,s),r(()=>{s.parentNode&&s.parentNode.removeChild(s),n.container=null,n.mounted=false;});},[t,o]),null}var re={register:()=>{},hasBoundary:false},L=new chunkVNYPOCV7_js.e(re);function j(){let[e]=chunkLOKMOGSA_js.c(L);return e}function R(e){let{fallback:t,children:o}=e,n=chunkVNYPOCV7_js.b(()=>new Set),[,r]=chunkLOKMOGSA_js.c(0),[a,s]=chunkLOKMOGSA_js.c(false),x={register:i=>{n.has(i)||(n.add(i),r(c=>c+1),s(true),i.finally(()=>{n.delete(i),r(c=>{let f=c-1;return f===0&&s(false),f});}));},hasBoundary:true},u=a?t:o;return {type:L.Provider,props:{value:x},children:[u],key:void 0}}function X(e){let{fallback:t,onError:o,children:n,resetKey:r}=e,[a,s]=chunkLOKMOGSA_js.c({error:null,info:null}),p=chunkVNYPOCV7_js.b(()=>({current:r}));r!==p.current&&(p.current=r,a.error!==null&&s({error:null,info:null}));if(a.error)return typeof t=="function"?t(a.error,a.info):t;try{return n}finally{}}function q(e){let t=null,o=null,n=null,r=a=>{if(t)return t(a);if(n)throw n;let s=j();return o||(o=e().then(p=>{t=p.default;}).catch(p=>{n=p instanceof Error?p:new Error(String(p));})),s.hasBoundary&&s.register(o),null};return r._lazy=true,r._loader=e,r}Object.defineProperty(exports,"render",{enumerable:true,get:function(){return chunkTHUSQSDY_js.c}});exports.ErrorBoundary=X;exports.Portal=W;exports.Suspense=R;exports.f=Y;exports.hydrate=Z;exports.lazy=q;//# sourceMappingURL=dom.js.map
+'use strict';var chunkJNWUZKHF_js=require('./chunk-JNWUZKHF.js'),chunkTHUSQSDY_js=require('./chunk-THUSQSDY.js');require('./chunk-LOKMOGSA.js'),require('./chunk-3CKIHQIE.js'),require('./chunk-VNYPOCV7.js');Object.defineProperty(exports,"ErrorBoundary",{enumerable:true,get:function(){return chunkJNWUZKHF_js.d}});Object.defineProperty(exports,"Suspense",{enumerable:true,get:function(){return chunkJNWUZKHF_js.c}});Object.defineProperty(exports,"f",{enumerable:true,get:function(){return chunkJNWUZKHF_js.a}});Object.defineProperty(exports,"hydrate",{enumerable:true,get:function(){return chunkJNWUZKHF_js.b}});Object.defineProperty(exports,"lazy",{enumerable:true,get:function(){return chunkJNWUZKHF_js.e}});Object.defineProperty(exports,"render",{enumerable:true,get:function(){return chunkTHUSQSDY_js.c}});//# sourceMappingURL=dom.js.map
 //# sourceMappingURL=dom.js.map

package/dist/dom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dom/f.ts","../src/dom/hydrate.ts","../src/dom/components/Portal.tsx","../src/dom/components/suspenseContext.ts","../src/dom/components/Suspense.tsx","../src/dom/components/ErrorBoundary.tsx","../src/dom/components/lazy.ts"],"names":["f","type","props","children","hydrationCursor","hydratedInstanceRegistry","currentHydratingInstance","hydrate","app","container","options","state","onHydrated","onMismatch","fnode","isFNode","hydrateNode","error","render","value","parent","skipEmptyTextNodes","hydrateTextNode","nodes","child","result","hydrateComponent","hydrateElement","text","current","tag","key","eventName","savedCursor","Component","contextId","isProvider","prevContextValue","pushContext","parentRegistry","hasExplicitKey","instanceCount","componentName","_","k","instance","previousHydratingInstance","runWithComponent","isFirstRender","renderFn","currentProps","newNodes","renderNode","nodeParent","marker","lastNode","tempContainer","newNodesArray","reconciledNodes","reconcile","unsafeEffect","popContext","Portal","target","portalState","hook","use","onCleanup","portalWrapper","defaultValue","SuspenseCtx","Context","suspenseContext","Suspense","fallback","pendingSet","setPendingCount","showFallback","setShowFallback","contextValue","promise","newCount","content","ErrorBoundary","onError","resetKey","errorState","setErrorState","prevResetKeyRef","lazy","loader","resolved","LazyWrapper","suspense","module","err"],"mappings":"iNAKO,SAASA,CAAAA,CACZC,CAAAA,CACAC,CAAAA,CAAAA,GACGC,CAAAA,CACE,CACL,OAAO,CACH,IAAA,CAAAF,CAAAA,CACA,KAAA,CAAOC,CAAAA,EAAS,EAAC,CACjB,QAAA,CAAAC,CAAAA,CACA,GAAA,CAAKD,CAAAA,EAAO,GAChB,CACJ,CCRA,IACIE,CAAAA,CAA+B,IAAA,CAkC7BC,CAAAA,CAA2B,IAAI,OAAA,CACjCC,CAAAA,CAAwD,KAarD,SAASC,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CAA0B,EAAC,CACrB,CACN,GAAM,CAAE,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,CAAAA,CAAY,UAAA,CAAAC,CAAW,CAAA,CAAIH,CAAAA,CAO1CN,CAAAA,CAAkBK,CAAAA,CAAU,UAAA,CAE5B,GAAI,CAEF,IAAIK,EACA,OAAON,CAAAA,EAAQ,UAAA,EAAc,CAACO,CAAAA,CAAQP,CAAG,CAAA,CAC3CM,CAAAA,CAAQ,CAAE,IAAA,CAAMN,CAAAA,CAAK,KAAA,CAAO,EAAC,CAAG,QAAA,CAAU,EAAC,CAAG,GAAA,CAAK,KAAA,CAAU,CAAA,CAE7DM,CAAAA,CAAQN,CAAAA,CAIVQ,CAAAA,CAAYF,CAAAA,CAAOL,CAAS,CAAA,CAE5BG,CAAAA,KACF,CAAA,MAASK,CAAAA,CAAO,CAEd,OAAA,CAAQ,KAAK,4DAAA,CAA8DA,CAAK,CAAA,CAChFJ,CAAAA,GAAaI,CAAc,CAAA,CAG3BR,CAAAA,CAAU,SAAA,CAAY,EAAA,CAEtB,OAAO,sBAAU,CAAA,CAAE,IAAA,CAAK,CAAC,CAAE,MAAA,CAAAS,CAAO,CAAA,GAAM,CACtCA,CAAAA,CAAOV,CAAAA,CAAKC,CAAS,EACvB,CAAC,EACH,CAAA,OAAE,CAEAL,CAAAA,CAAkB,KAEpB,CACF,CAEA,SAASW,CAAAA,CAAQI,CAAAA,CAA4B,CAC3C,OAAOA,CAAAA,EAAS,OAAOA,CAAAA,EAAU,QAAA,EAAY,MAAA,GAAUA,CAAAA,EAAS,OAAA,GAAWA,CAC7E,CAEA,SAASH,CAAAA,CAAYF,CAAAA,CAAmBM,CAAAA,CAA2C,CAEjF,GAAIN,CAAAA,EAAU,IAAA,EAA+B,OAAOA,CAAAA,EAAU,SAAA,CAE5D,OAAAO,CAAAA,EAAmB,CACZ,IAAA,CAIT,GAAI,OAAOP,CAAAA,EAAU,QAAA,EAAY,OAAOA,CAAAA,EAAU,QAAA,CAChD,OAAOQ,EAAAA,CAAgB,MAAA,CAAOR,CAAK,CAAC,CAAA,CAItC,GAAI,KAAA,CAAM,OAAA,CAAQA,CAAK,CAAA,CAAG,CACxB,IAAMS,CAAAA,CAAgB,EAAC,CACvB,IAAA,IAAWC,CAAAA,IAASV,CAAAA,CAAO,CACzB,IAAMW,CAAAA,CAAST,CAAAA,CAAYQ,CAAAA,CAAOJ,CAAM,CAAA,CACpCK,CAAAA,GACE,MAAM,OAAA,CAAQA,CAAM,CAAA,CACtBF,CAAAA,CAAM,IAAA,CAAK,GAAGE,CAAM,CAAA,CAEpBF,CAAAA,CAAM,IAAA,CAAKE,CAAM,CAAA,EAGvB,CACA,OAAOF,CACT,CAGA,GAAI,OAAOT,CAAAA,EAAU,UAAA,CAEnB,OAAOY,CAAAA,CADqB,CAAE,IAAA,CAAMZ,CAAAA,CAAO,KAAA,CAAO,EAAC,CAAG,QAAA,CAAU,EAAC,CAAG,GAAA,CAAK,MAAU,CAAA,CAC7CM,CAAM,CAAA,CAI9C,GAAI,OAAON,CAAAA,EAAU,QAAA,EAAYC,CAAAA,CAAQD,CAAK,CAAA,CAAG,CAC/C,GAAI,OAAOA,CAAAA,CAAM,IAAA,EAAS,QAAA,CACxB,OAAOa,EAAAA,CAAeb,CAAK,CAAA,CAG7B,GAAI,OAAOA,CAAAA,CAAM,IAAA,EAAS,UAAA,CACxB,OAAOY,CAAAA,CAAiBZ,CAAAA,CAAOM,CAAM,CAEzC,CAEA,OAAO,IACT,CAEA,SAASC,CAAAA,EAA2B,CAClC,KACEjB,CAAAA,EACAA,CAAAA,CAAgB,QAAA,GAAa,IAAA,CAAK,SAAA,GACjC,CAACA,CAAAA,CAAgB,WAAA,EAAeA,CAAAA,CAAgB,WAAA,CAAY,IAAA,EAAK,GAAM,EAAA,CAAA,EAExEA,CAAAA,CAAkBA,CAAAA,CAAgB,YAEtC,CAEA,SAASkB,EAAAA,CAAgBM,CAAAA,CAA2B,CAClDP,CAAAA,EAAmB,CAEnB,IAAMQ,CAAAA,CAAUzB,CAAAA,CAEhB,GAAI,CAACyB,EAEH,OAAO,IAAA,CAGT,GAAIA,CAAAA,CAAQ,QAAA,GAAa,IAAA,CAAK,SAAA,CAAW,CAEvC,GAAID,CAAAA,CAAK,IAAA,EAAK,GAAM,EAAA,CAClB,OAAO,IAAA,CAET,MAAM,IAAI,KAAA,CAAM,CAAA,wCAAA,EAA2CA,CAAI,CAAA,OAAA,EAAUC,CAAAA,CAAQ,QAAQ,CAAA,CAAE,CAC7F,CAGA,OAAAzB,CAAAA,CAAkByB,CAAAA,CAAQ,WAAA,CAEnBA,CACT,CAEA,SAASF,EAAAA,CAAeb,CAAAA,CAAoB,CAC1CO,CAAAA,EAAmB,CAEnB,IAAMQ,CAAAA,CAAUzB,CAAAA,CACV0B,CAAAA,CAAMhB,CAAAA,CAAM,IAAA,CAGlB,GAAI,CAACe,CAAAA,EAAWA,CAAAA,CAAQ,QAAA,GAAa,IAAA,CAAK,YAAA,CACxC,MAAM,IAAI,KAAA,CAAM,CAAA,sCAAA,EAAyCC,CAAG,CAAA,OAAA,EAAUD,CAAAA,EAAS,QAAA,EAAY,SAAS,CAAA,CAAE,CAAA,CAGxG,GAAIA,CAAAA,CAAQ,OAAA,CAAQ,aAAY,GAAMC,CAAAA,CAAI,WAAA,EAAY,CACpD,MAAM,IAAI,KAAA,CAAM,CAAA,8BAAA,EAAiCA,CAAG,CAAA,QAAA,EAAWD,CAAAA,CAAQ,OAAA,CAAQ,WAAA,EAAa,CAAA,CAAA,CAAG,CAAA,CAIjG,GAAIf,CAAAA,CAAM,KAAA,CAAA,CACR,IAAA,GAAW,CAACiB,CAAAA,CAAKZ,CAAK,CAAA,GAAK,MAAA,CAAO,OAAA,CAAQL,CAAAA,CAAM,KAAK,CAAA,CACnD,GAAIiB,CAAAA,GAAQ,KAAA,CACN,OAAOZ,GAAU,UAAA,CACnBA,CAAAA,CAAMU,CAAO,CAAA,CACJV,CAAAA,EAAS,OAAOA,CAAAA,EAAU,QAAA,EAAY,SAAA,GAAaA,CAAAA,GAC5DA,CAAAA,CAAM,OAAA,CAAUU,CAAAA,CAAAA,CAAAA,KAAAA,GAETE,CAAAA,CAAI,UAAA,CAAW,IAAI,CAAA,EAAK,OAAOZ,CAAAA,EAAU,UAAA,CAAY,CAC9D,IAAMa,CAAAA,CAAYD,CAAAA,CAAI,KAAA,CAAM,CAAC,CAAA,CAAE,WAAA,EAAY,CAC3CF,CAAAA,CAAQ,gBAAA,CAAiBG,CAAAA,CAAWb,CAAsB,CAAA,CAGpDU,CAAAA,CAAgB,eAAA,GACnBA,CAAAA,CAAgB,eAAA,CAAkB,EAAC,CAAA,CAErCA,CAAAA,CAAgB,eAAA,CAAgBG,CAAS,CAAA,CAAIb,EAChD,CAAA,CAQJ,GAHAf,CAAAA,CAAkByB,CAAAA,CAAQ,WAAA,CAGtBf,CAAAA,CAAM,QAAA,EAAYA,CAAAA,CAAM,QAAA,CAAS,MAAA,CAAS,CAAA,CAAG,CAC/C,IAAMmB,CAAAA,CAAc7B,CAAAA,CAEpBA,CAAAA,CAAkByB,CAAAA,CAAQ,UAAA,CAE1B,IAAA,IAAWL,CAAAA,IAASV,EAAM,QAAA,CACxBE,CAAAA,CAAYQ,CAAAA,CAAOK,CAAsB,CAAA,CAG3CzB,CAAAA,CAAkB6B,EACpB,CAEA,OAAOJ,CACT,CAEA,SAASH,CAAAA,CAAiBZ,CAAAA,CAAcM,CAAAA,CAA2C,CACjF,IAAMc,CAAAA,CAAYpB,CAAAA,CAAM,IAAA,CAGlBZ,CAAAA,CAAQ,CAAE,GAAGY,CAAAA,CAAM,KAAM,CAAA,CAC3BA,CAAAA,CAAM,QAAA,EAAYA,CAAAA,CAAM,QAAA,CAAS,MAAA,CAAS,CAAA,GAC5CZ,EAAM,QAAA,CAAWY,CAAAA,CAAM,QAAA,CAAS,MAAA,GAAW,CAAA,CACvCA,CAAAA,CAAM,QAAA,CAAS,CAAC,CAAA,CAChBA,CAAAA,CAAM,QAAA,CAAA,CAIZ,IAAMqB,CAAAA,CAAaD,CAAAA,CAAkB,UAAA,CAC/BE,CAAAA,CAAaD,IAAc,MAAA,CAC7BE,CAAAA,CAEAD,CAAAA,GACFC,CAAAA,CAAmBC,kBAAAA,CAAYH,CAAAA,CAAWjC,CAAAA,CAAM,KAAK,CAAA,CAAA,CAIlDG,CAAAA,CAAyB,GAAA,CAAIe,CAAM,CAAA,EACtCf,CAAAA,CAAyB,GAAA,CAAIe,CAAAA,CAAQ,IAAI,GAAK,CAAA,CAEhD,IAAMmB,CAAAA,CAAiBlC,CAAAA,CAAyB,GAAA,CAAIe,CAAM,CAAA,CAEpDoB,CAAAA,CAAiB1B,CAAAA,CAAM,GAAA,GAAQ,MAAA,CACjCiB,CAAAA,CACJ,GAAIS,CAAAA,CACFT,CAAAA,CAAMjB,CAAAA,CAAM,GAAA,CAAA,KACP,CACL,IAAI2B,CAAAA,CAAgB,CAAA,CACdC,CAAAA,CAAiBR,CAAAA,CAAkB,IAAA,EAAQ,WAAA,CACjDK,CAAAA,CAAe,OAAA,CAAQ,CAACI,CAAAA,CAAGC,CAAAA,GAAM,CAC3B,OAAOA,CAAAA,EAAM,QAAA,EAAYA,CAAAA,CAAE,UAAA,CAAW,CAAA,OAAA,EAAUF,CAAa,CAAA,CAAA,CAAG,CAAA,EAClED,CAAAA,GAEJ,CAAC,CAAA,CACDV,CAAAA,CAAM,CAAA,OAAA,EAAUW,CAAa,CAAA,CAAA,EAAID,CAAa,CAAA,EAChD,CAGA,IAAMI,CAAAA,CAAiC,CACrC,KAAA,CAAO,EAAC,CACR,SAAA,CAAW,CAAA,CACX,KAAA,CAAO,EAAC,CACR,MAAA,CAAAzB,CAAAA,CACA,KAAA,CAAAN,EACA,KAAA,CAAAZ,CAAAA,CACA,GAAA,CAAA6B,CAAAA,CACA,QAAA,CAAU,IAAI,GAAA,CACd,cAAA,CAAgBzB,CAAAA,EAA4B,MAC9C,CAAA,CAEIA,CAAAA,EACFA,CAAAA,CAAyB,QAAA,CAAS,GAAA,CAAIuC,CAAQ,CAAA,CAGhDN,CAAAA,CAAe,GAAA,CAAIR,CAAAA,CAAKc,CAAQ,CAAA,CAEhC,IAAMC,CAAAA,CAA4BxC,CAAAA,CAClCA,CAAAA,CAA2BuC,CAAAA,CAE3B,GAAI,CAEF,IAAMpB,CAAAA,CAASsB,kBAAAA,CAAiBF,EAAU,IAAMX,CAAAA,CAAUhC,CAAK,CAAC,CAAA,CAC1DqB,CAAAA,CAAQP,CAAAA,CAAYS,CAAAA,CAAQL,CAAM,CAAA,CACxCyB,CAAAA,CAAS,KAAA,CAAQtB,CAAAA,CAAS,KAAA,CAAM,OAAA,CAAQA,CAAK,EAAIA,CAAAA,CAAQ,CAACA,CAAK,CAAA,CAAK,EAAC,CAGrE,IAAIyB,CAAAA,CAAgB,CAAA,CAAA,CACdC,CAAAA,CAAW,IAAM,CAErB,IAAMC,CAAAA,CAAeL,CAAAA,CAAS,KAAA,CAGxBpB,EAASsB,kBAAAA,CAAiBF,CAAAA,CAAU,IAAMX,CAAAA,CAAUgB,CAAY,CAAC,CAAA,CAEvE,GAAIF,CAAAA,CAAe,CACjBA,CAAAA,CAAgB,CAAA,CAAA,CAChB,MACF,CAEA,GAAIH,CAAAA,CAAS,KAAA,CAAM,MAAA,GAAW,CAAA,CAAG,CAC/B,IAAMM,CAAAA,CAAWC,kBAAAA,CAAW3B,CAAAA,CAAQL,CAAM,CAAA,CAC1CyB,CAAAA,CAAS,KAAA,CAAQM,CAAAA,CAAY,KAAA,CAAM,OAAA,CAAQA,CAAQ,EAAIA,CAAAA,CAAW,CAACA,CAAQ,CAAA,CAAK,EAAC,CACjF,MACF,CAGA,IAAME,CAAAA,CADYR,CAAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CACL,UAAA,CAE7B,GAAI,CAACQ,CAAAA,CACH,OAGF,IAAMC,CAAAA,CAAS,QAAA,CAAS,aAAA,CAAc,gBAAgB,CAAA,CAChDC,CAAAA,CAAWV,CAAAA,CAAS,KAAA,CAAMA,CAAAA,CAAS,KAAA,CAAM,MAAA,CAAS,CAAC,EACrDU,CAAAA,CAAS,WAAA,CACXF,CAAAA,CAAW,YAAA,CAAaC,CAAAA,CAAQC,CAAAA,CAAS,WAAW,CAAA,CAEpDF,CAAAA,CAAW,WAAA,CAAYC,CAAM,CAAA,CAG/BT,CAAAA,CAAS,QAAA,CAAS,KAAA,EAAM,CAExB,IAAMW,CAAAA,CAAgB,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA,CAC5CL,CAAAA,CAAWC,kBAAAA,CAAW3B,CAAAA,CAAQ+B,CAAAA,CAAeH,CAAU,CAAA,CACvDI,CAAAA,CAAgBN,CAAAA,CAAY,KAAA,CAAM,OAAA,CAAQA,CAAQ,CAAA,CAAIA,CAAAA,CAAW,CAACA,CAAQ,CAAA,CAAK,EAAC,CAEhFO,CAAAA,CAAkBC,kBAAAA,CAAUd,CAAAA,CAAS,KAAA,CAAOY,CAAAA,CAAeJ,CAAAA,CAAYC,CAAM,CAAA,CAEnFD,CAAAA,CAAW,YAAYC,CAAM,CAAA,CAE7BT,CAAAA,CAAS,KAAA,CAAQa,EACnB,CAAA,CAEA,OAAAb,CAAAA,CAAS,QAAA,CAAWI,CAAAA,CACpBW,kBAAAA,CAAaX,CAAQ,CAAA,CAEdJ,CAAAA,CAAS,KAClB,CAAA,OAAE,CACAvC,CAAAA,CAA2BwC,CAAAA,CAEvBV,CAAAA,EACFyB,kBAAAA,CAAW1B,CAAAA,CAAWE,CAAgB,EAE1C,CACF,CCvVO,SAASyB,CAAAA,CAAO5D,CAAAA,CAA0B,CAC/C,GAAM,CAAE,MAAA,CAAA6D,CAAAA,CAAQ,QAAA,CAAA5D,CAAS,CAAA,CAAID,CAAAA,CAGvB8D,CAAAA,CAAcC,kBAAAA,CAAK,KAAO,CAC9B,SAAA,CAAW,IAAA,CACX,OAAA,CAAS,KACX,CAAA,CAAE,CAAA,CAEF,OAAAC,mBAAI,CAAC,CAAE,SAAA,CAAAC,CAAU,CAAA,GAAM,CAErB,IAAI1D,CAAAA,CAAgC,IAAA,CAQpC,GANI,OAAOsD,CAAAA,EAAW,QAAA,CACpBtD,CAAAA,CAAY,QAAA,CAAS,aAAA,CAAcsD,CAAM,CAAA,CAChCA,CAAAA,YAAkB,WAAA,GAC3BtD,CAAAA,CAAYsD,CAAAA,CAAAA,CAGV,CAACtD,CAAAA,CAAW,CACd,OAAA,CAAQ,IAAA,CAAK,8CAAA,CAAgDsD,CAAM,CAAA,CACnE,MACF,CAGA,IAAMK,CAAAA,CAAgB,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA,CAClDA,CAAAA,CAAc,YAAA,CAAa,qBAAA,CAAuB,MAAM,CAAA,CACxD3D,CAAAA,CAAU,WAAA,CAAY2D,CAAa,CAAA,CAEnCJ,CAAAA,CAAY,SAAA,CAAYI,CAAAA,CACxBJ,CAAAA,CAAY,OAAA,CAAU,IAAA,CAGtB9C,kBAAAA,CAAOf,CAAAA,CAAUiE,CAAa,CAAA,CAG9BD,CAAAA,CAAU,IAAM,CACVC,CAAAA,CAAc,UAAA,EAChBA,CAAAA,CAAc,UAAA,CAAW,WAAA,CAAYA,CAAa,CAAA,CAEpDJ,CAAAA,CAAY,SAAA,CAAY,IAAA,CACxBA,CAAAA,CAAY,OAAA,CAAU,MACxB,CAAC,EACH,CAAA,CAAG,CAACD,CAAAA,CAAQ5D,CAAQ,CAAC,CAAA,CAGd,IACT,CCzEA,IAAMkE,EAAAA,CAAqC,CACzC,QAAA,CAAU,IAAM,CAAC,CAAA,CACjB,WAAA,CAAa,KACf,CAAA,CAEaC,CAAAA,CAAc,IAAIC,kBAAAA,CAA8BF,EAAY,CAAA,CAElE,SAASG,GAAwC,CACtD,GAAM,CAACrD,CAAK,CAAA,CAAI+C,kBAAAA,CAAII,CAAW,CAAA,CAC/B,OAAOnD,CACT,CCQO,SAASsD,CAAAA,CAASvE,CAAAA,CAAkC,CACzD,GAAM,CAAE,QAAA,CAAAwE,CAAAA,CAAU,QAAA,CAAAvE,CAAS,CAAA,CAAID,CAAAA,CAGzByE,CAAAA,CAAaV,kBAAAA,CAAK,IAAM,IAAI,GAAmB,CAAA,CAC/C,EAAGW,CAAe,EAAIV,kBAAAA,CAAI,CAAC,CAAA,CAC3B,CAACW,CAAAA,CAAcC,CAAe,CAAA,CAAIZ,kBAAAA,CAAI,KAAK,CAAA,CAwB3Ca,CAAAA,CAAqC,CACzC,QAAA,CAtBgBC,CAAAA,EAA0B,CACrCL,CAAAA,CAAW,GAAA,CAAIK,CAAO,CAAA,GAEzBL,CAAAA,CAAW,GAAA,CAAIK,CAAO,CAAA,CACtBJ,CAAAA,CAAgB,CAAA,EAAK,CAAA,CAAI,CAAC,CAAA,CAC1BE,CAAAA,CAAgB,IAAI,CAAA,CAGpBE,CAAAA,CAAQ,QAAQ,IAAM,CACpBL,CAAAA,CAAW,MAAA,CAAOK,CAAO,CAAA,CACzBJ,CAAAA,CAAgB,CAAA,EAAK,CACnB,IAAMK,CAAAA,CAAW,CAAA,CAAI,CAAA,CACrB,OAAIA,CAAAA,GAAa,CAAA,EACfH,CAAAA,CAAgB,KAAK,CAAA,CAEhBG,CACT,CAAC,EACH,CAAC,CAAA,EAEL,CAAA,CAIE,WAAA,CAAa,IACf,CAAA,CAGMC,CAAAA,CAAUL,CAAAA,CAAeH,CAAAA,CAAWvE,CAAAA,CAG1C,OAAO,CACL,IAAA,CAAMmE,CAAAA,CAAY,QAAA,CAClB,KAAA,CAAO,CAAE,KAAA,CAAOS,CAAa,CAAA,CAC7B,QAAA,CAAU,CAACG,CAAO,CAAA,CAClB,GAAA,CAAK,MACP,CACF,CCZO,SAASC,CAAAA,CAAcjF,EAAuC,CACnE,GAAM,CAAE,QAAA,CAAAwE,CAAAA,CAAU,QAAAU,CAAAA,CAAS,QAAA,CAAAjF,CAAAA,CAAU,QAAA,CAAAkF,CAAS,CAAA,CAAInF,EAG5C,CAACoF,CAAAA,CAAYC,CAAa,CAAA,CAAIrB,kBAAAA,CAGjC,CAAE,KAAA,CAAO,IAAA,CAAM,IAAA,CAAM,IAAK,CAAC,CAAA,CAGxBsB,EAAkBvB,kBAAAA,CAAK,KAAO,CAAE,OAAA,CAASoB,CAAS,EAAE,CAAA,CAEtDA,CAAAA,GAAaG,CAAAA,CAAgB,OAAA,GAC/BA,CAAAA,CAAgB,OAAA,CAAUH,EACtBC,CAAAA,CAAW,KAAA,GAAU,MACvBC,CAAAA,CAAc,CAAE,MAAO,IAAA,CAAM,IAAA,CAAM,IAAK,CAAC,CAAA,CAAA,CAqB7C,GAAID,CAAAA,CAAW,MACb,OAAI,OAAOZ,CAAAA,EAAa,UAAA,CACfA,CAAAA,CAASY,CAAAA,CAAW,MAAOA,CAAAA,CAAW,IAAK,EAE7CZ,CAAAA,CAMT,GAAI,CAEF,OAAOvE,CACT,CAAA,OAAE,CAEF,CACF,CCtFO,SAASsF,EACdC,CAAAA,CACkB,CAElB,IAAIC,CAAAA,CAA8C,IAAA,CAC9CX,CAAAA,CAA+B,KAC/B/D,CAAAA,CAAsB,IAAA,CAGpB2E,EAAe1F,CAAAA,EAAyB,CAE5C,GAAIyF,CAAAA,CACF,OAAOA,CAAAA,CAASzF,CAAK,CAAA,CAIvB,GAAIe,EACF,MAAMA,CAAAA,CAIR,IAAM4E,CAAAA,CAAWrB,CAAAA,GAGjB,OAAKQ,CAAAA,GACHA,CAAAA,CAAUU,CAAAA,EAAO,CACd,IAAA,CAAKI,GAAU,CACdH,CAAAA,CAAWG,EAAO,QACpB,CAAC,EACA,KAAA,CAAMC,CAAAA,EAAO,CACZ9E,CAAAA,CAAQ8E,CAAAA,YAAe,KAAA,CAAQA,EAAM,IAAI,KAAA,CAAM,OAAOA,CAAG,CAAC,EAC5D,CAAC,CAAA,CAAA,CAIDF,CAAAA,CAAS,WAAA,EACXA,CAAAA,CAAS,QAAA,CAASb,CAAO,CAAA,CAIpB,IACT,EAGC,OAACY,CAAAA,CAAiC,MAAQ,IAAA,CACzCA,CAAAA,CAAiC,OAAA,CAAUF,CAAAA,CAEtCE,CACT","file":"dom.js","sourcesContent":["import type { FNode } from './types'\n\n/**\n * f() - Create FNodes without JSX\n */\nexport function f(\n    type: string | Function,\n    props?: any,\n    ...children: any[]\n): FNode {\n    return {\n        type,\n        props: props || {},\n        children,\n        key: props?.key\n    }\n}\n","import type { FNode, FNodeChild } from './types'\nimport type { SerializedState } from '../server/types'\nimport { runWithComponent, type ComponentInstance } from '../core/hook'\nimport { pushContext, popContext } from '../core/context'\nimport { unsafeEffect } from '../core/lifecycle'\nimport { renderNode, reconcile } from './render'\n\n// Hydration state\nlet isHydrating = false\nlet hydrationCursor: Node | null = null\nlet hydrationState: SerializedState | null = null\n\nexport interface HydrateOptions {\n  /**\n   * Serialized state from server\n   * Typically embedded in HTML as JSON script tag\n   */\n  state?: SerializedState\n\n  /**\n   * Called when hydration completes successfully\n   */\n  onHydrated?: () => void\n\n  /**\n   * Called when hydration fails (falls back to full render)\n   */\n  onMismatch?: (error: Error) => void\n}\n\n// Extended ComponentInstance for DOM tracking (same as render.ts)\ninterface DOMComponentInstance extends ComponentInstance {\n  nodes: Node[]\n  parent: HTMLElement\n  fnode: any\n  props: any\n  key?: any\n  renderFn?: () => void\n  children: Set<DOMComponentInstance>\n  parentInstance?: DOMComponentInstance\n}\n\n// Registry for hydrated components\nconst hydratedInstanceRegistry = new WeakMap<HTMLElement, Map<any, DOMComponentInstance>>()\nlet currentHydratingInstance: DOMComponentInstance | null = null\n\nexport function getIsHydrating(): boolean {\n  return isHydrating\n}\n\nexport function getHydrationState(): SerializedState | null {\n  return hydrationState\n}\n\n/**\n * Hydrate server-rendered HTML with client-side interactivity\n */\nexport function hydrate(\n  app: FNodeChild | (() => FNodeChild),\n  container: HTMLElement,\n  options: HydrateOptions = {}\n): void {\n  const { state, onHydrated, onMismatch } = options\n\n  // Store state for rehydration\n  hydrationState = state || null\n\n  // Initialize hydration mode\n  isHydrating = true\n  hydrationCursor = container.firstChild\n\n  try {\n    // Normalize input\n    let fnode: FNodeChild\n    if (typeof app === 'function' && !isFNode(app)) {\n      fnode = { type: app, props: {}, children: [], key: undefined }\n    } else {\n      fnode = app\n    }\n\n    // Hydrate the tree\n    hydrateNode(fnode, container)\n\n    onHydrated?.()\n  } catch (error) {\n    // Hydration mismatch - fall back to full render\n    console.warn('[Flexium] Hydration mismatch, falling back to full render:', error)\n    onMismatch?.(error as Error)\n\n    // Clear and re-render\n    container.innerHTML = ''\n    // Import dynamically to avoid circular deps\n    import('./render').then(({ render }) => {\n      render(app, container)\n    })\n  } finally {\n    isHydrating = false\n    hydrationCursor = null\n    hydrationState = null\n  }\n}\n\nfunction isFNode(value: any): value is FNode {\n  return value && typeof value === 'object' && 'type' in value && 'props' in value\n}\n\nfunction hydrateNode(fnode: FNodeChild, parent: HTMLElement): Node | Node[] | null {\n  // Null/undefined/boolean -> skip empty text nodes\n  if (fnode === null || fnode === undefined || typeof fnode === 'boolean') {\n    // Server might have rendered an empty text node\n    skipEmptyTextNodes()\n    return null\n  }\n\n  // String/number -> expect text node\n  if (typeof fnode === 'string' || typeof fnode === 'number') {\n    return hydrateTextNode(String(fnode))\n  }\n\n  // Array -> hydrate each child\n  if (Array.isArray(fnode)) {\n    const nodes: Node[] = []\n    for (const child of fnode) {\n      const result = hydrateNode(child, parent)\n      if (result) {\n        if (Array.isArray(result)) {\n          nodes.push(...result)\n        } else {\n          nodes.push(result)\n        }\n      }\n    }\n    return nodes\n  }\n\n  // Function (standalone) -> wrap in FNode and hydrate\n  if (typeof fnode === 'function') {\n    const wrappedFnode: FNode = { type: fnode, props: {}, children: [], key: undefined }\n    return hydrateComponent(wrappedFnode, parent)\n  }\n\n  // Object (FNode)\n  if (typeof fnode === 'object' && isFNode(fnode)) {\n    if (typeof fnode.type === 'string') {\n      return hydrateElement(fnode)\n    }\n\n    if (typeof fnode.type === 'function') {\n      return hydrateComponent(fnode, parent)\n    }\n  }\n\n  return null\n}\n\nfunction skipEmptyTextNodes(): void {\n  while (\n    hydrationCursor &&\n    hydrationCursor.nodeType === Node.TEXT_NODE &&\n    (!hydrationCursor.textContent || hydrationCursor.textContent.trim() === '')\n  ) {\n    hydrationCursor = hydrationCursor.nextSibling\n  }\n}\n\nfunction hydrateTextNode(text: string): Node | null {\n  skipEmptyTextNodes()\n\n  const current = hydrationCursor\n\n  if (!current) {\n    // No node to hydrate - this is okay for conditional rendering\n    return null\n  }\n\n  if (current.nodeType !== Node.TEXT_NODE) {\n    // Try to find a text node nearby (whitespace handling)\n    if (text.trim() === '') {\n      return null\n    }\n    throw new Error(`Hydration mismatch: expected text node \"${text}\", got ${current.nodeName}`)\n  }\n\n  // Update cursor\n  hydrationCursor = current.nextSibling\n\n  return current\n}\n\nfunction hydrateElement(fnode: FNode): Node {\n  skipEmptyTextNodes()\n\n  const current = hydrationCursor as Element\n  const tag = fnode.type as string\n\n  // Validate element type\n  if (!current || current.nodeType !== Node.ELEMENT_NODE) {\n    throw new Error(`Hydration mismatch: expected element <${tag}>, got ${current?.nodeName || 'nothing'}`)\n  }\n\n  if (current.tagName.toLowerCase() !== tag.toLowerCase()) {\n    throw new Error(`Hydration mismatch: expected <${tag}>, got <${current.tagName.toLowerCase()}>`)\n  }\n\n  // Attach event handlers and refs (don't modify DOM structure)\n  if (fnode.props) {\n    for (const [key, value] of Object.entries(fnode.props)) {\n      if (key === 'ref') {\n        if (typeof value === 'function') {\n          value(current)\n        } else if (value && typeof value === 'object' && 'current' in value) {\n          value.current = current\n        }\n      } else if (key.startsWith('on') && typeof value === 'function') {\n        const eventName = key.slice(2).toLowerCase()\n        current.addEventListener(eventName, value as EventListener)\n\n        // Store for reconciliation\n        if (!(current as any).__eventHandlers) {\n          (current as any).__eventHandlers = {}\n        }\n        (current as any).__eventHandlers[eventName] = value\n      }\n    }\n  }\n\n  // Move cursor past this element\n  hydrationCursor = current.nextSibling\n\n  // Hydrate children\n  if (fnode.children && fnode.children.length > 0) {\n    const savedCursor = hydrationCursor\n\n    hydrationCursor = current.firstChild\n\n    for (const child of fnode.children) {\n      hydrateNode(child, current as HTMLElement)\n    }\n\n    hydrationCursor = savedCursor\n  }\n\n  return current\n}\n\nfunction hydrateComponent(fnode: FNode, parent: HTMLElement): Node | Node[] | null {\n  const Component = fnode.type as Function\n\n  // Merge props\n  const props = { ...fnode.props }\n  if (fnode.children && fnode.children.length > 0) {\n    props.children = fnode.children.length === 1\n      ? fnode.children[0]\n      : fnode.children\n  }\n\n  // Handle context providers\n  const contextId = (Component as any)._contextId\n  const isProvider = contextId !== undefined\n  let prevContextValue: any\n\n  if (isProvider) {\n    prevContextValue = pushContext(contextId, props.value)\n  }\n\n  // Generate key (same logic as render.ts)\n  if (!hydratedInstanceRegistry.has(parent)) {\n    hydratedInstanceRegistry.set(parent, new Map())\n  }\n  const parentRegistry = hydratedInstanceRegistry.get(parent)!\n\n  const hasExplicitKey = fnode.key !== undefined\n  let key: any\n  if (hasExplicitKey) {\n    key = fnode.key\n  } else {\n    let instanceCount = 0\n    const componentName = (Component as any).name || 'anonymous'\n    parentRegistry.forEach((_, k) => {\n      if (typeof k === 'string' && k.startsWith(`__auto_${componentName}_`)) {\n        instanceCount++\n      }\n    })\n    key = `__auto_${componentName}_${instanceCount}`\n  }\n\n  // Create component instance\n  const instance: DOMComponentInstance = {\n    hooks: [],\n    hookIndex: 0,\n    nodes: [],\n    parent,\n    fnode,\n    props,\n    key,\n    children: new Set(),\n    parentInstance: currentHydratingInstance || undefined\n  }\n\n  if (currentHydratingInstance) {\n    currentHydratingInstance.children.add(instance)\n  }\n\n  parentRegistry.set(key, instance)\n\n  const previousHydratingInstance = currentHydratingInstance\n  currentHydratingInstance = instance\n\n  try {\n    // First render during hydration - just match DOM\n    const result = runWithComponent(instance, () => Component(props))\n    const nodes = hydrateNode(result, parent)\n    instance.nodes = nodes ? (Array.isArray(nodes) ? nodes : [nodes]) : []\n\n    // Set up reactive re-rendering for future updates\n    let isFirstRender = true\n    const renderFn = () => {\n      // Re-render with reconciliation (same logic as render.ts)\n      const currentProps = instance.props\n\n      // Always run the component to establish reactive tracking\n      const result = runWithComponent(instance, () => Component(currentProps))\n\n      if (isFirstRender) {\n        isFirstRender = false\n        return // Skip DOM manipulation on first render, already done during hydration\n      }\n\n      if (instance.nodes.length === 0) {\n        const newNodes = renderNode(result, parent)\n        instance.nodes = newNodes ? (Array.isArray(newNodes) ? newNodes : [newNodes]) : []\n        return\n      }\n\n      const firstNode = instance.nodes[0]\n      const nodeParent = firstNode.parentNode as HTMLElement\n\n      if (!nodeParent) {\n        return\n      }\n\n      const marker = document.createComment('flexium-marker')\n      const lastNode = instance.nodes[instance.nodes.length - 1]\n      if (lastNode.nextSibling) {\n        nodeParent.insertBefore(marker, lastNode.nextSibling)\n      } else {\n        nodeParent.appendChild(marker)\n      }\n\n      instance.children.clear()\n\n      const tempContainer = document.createElement('div')\n      const newNodes = renderNode(result, tempContainer, nodeParent)\n      const newNodesArray = newNodes ? (Array.isArray(newNodes) ? newNodes : [newNodes]) : []\n\n      const reconciledNodes = reconcile(instance.nodes, newNodesArray, nodeParent, marker)\n\n      nodeParent.removeChild(marker)\n\n      instance.nodes = reconciledNodes\n    }\n\n    instance.renderFn = renderFn\n    unsafeEffect(renderFn)\n\n    return instance.nodes\n  } finally {\n    currentHydratingInstance = previousHydratingInstance\n\n    if (isProvider) {\n      popContext(contextId, prevContextValue)\n    }\n  }\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport { render } from '../render'\nimport type { PortalProps } from './types'\n\n/**\n * Portal component that renders children into a different DOM node\n *\n * @deprecated Use Portal from 'flexium-ui' instead:\n * ```tsx\n * import { Portal } from 'flexium-ui'\n * ```\n *\n * @example\n * ```tsx\n * function Modal({ isOpen, onClose, children }) {\n *   if (!isOpen) return null\n *\n *   return (\n *     <Portal target={document.body}>\n *       <div class=\"modal-backdrop\" onClick={onClose}>\n *         <div class=\"modal-content\" onClick={e => e.stopPropagation()}>\n *           {children}\n *         </div>\n *       </div>\n *     </Portal>\n *   )\n * }\n * ```\n */\nexport function Portal(props: PortalProps): null {\n  const { target, children } = props\n\n  // Store rendered container for cleanup\n  const portalState = hook(() => ({\n    container: null as HTMLElement | null,\n    mounted: false\n  }))\n\n  use(({ onCleanup }) => {\n    // Resolve target container\n    let container: HTMLElement | null = null\n\n    if (typeof target === 'string') {\n      container = document.querySelector(target)\n    } else if (target instanceof HTMLElement) {\n      container = target\n    }\n\n    if (!container) {\n      console.warn('[Flexium Portal] Target container not found:', target)\n      return\n    }\n\n    // Create a wrapper div to contain portal content\n    const portalWrapper = document.createElement('div')\n    portalWrapper.setAttribute('data-flexium-portal', 'true')\n    container.appendChild(portalWrapper)\n\n    portalState.container = portalWrapper\n    portalState.mounted = true\n\n    // Render children into the portal wrapper\n    render(children, portalWrapper)\n\n    // Cleanup function\n    onCleanup(() => {\n      if (portalWrapper.parentNode) {\n        portalWrapper.parentNode.removeChild(portalWrapper)\n      }\n      portalState.container = null\n      portalState.mounted = false\n    })\n  }, [target, children])\n\n  // Portal renders nothing in its original location\n  return null\n}\n","import { Context } from '../../core/context'\nimport { use } from '../../core/use'\nimport type { SuspenseContextValue } from './types'\n\nconst defaultValue: SuspenseContextValue = {\n  register: () => {},\n  hasBoundary: false\n}\n\nexport const SuspenseCtx = new Context<SuspenseContextValue>(defaultValue)\n\nexport function suspenseContext(): SuspenseContextValue {\n  const [value] = use(SuspenseCtx)\n  return value\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport { SuspenseCtx } from './suspenseContext'\nimport type { SuspenseProps, SuspenseContextValue } from './types'\nimport type { FNodeChild } from '../types'\n\n/**\n * Suspense component that shows fallback while children are loading\n *\n * @example\n * ```tsx\n * const Dashboard = lazy(() => import('./Dashboard'))\n *\n * function App() {\n *   return (\n *     <Suspense fallback={<div>Loading...</div>}>\n *       <Dashboard />\n *     </Suspense>\n *   )\n * }\n * ```\n */\nexport function Suspense(props: SuspenseProps): FNodeChild {\n  const { fallback, children } = props\n\n  // Track pending promises using hook for mutable Set\n  const pendingSet = hook(() => new Set<Promise<any>>())\n  const [, setPendingCount] = use(0)\n  const [showFallback, setShowFallback] = use(false)\n\n  // Register function for lazy components\n  const register = (promise: Promise<any>) => {\n    if (!pendingSet.has(promise)) {\n      // Add to pending set\n      pendingSet.add(promise)\n      setPendingCount(c => c + 1)\n      setShowFallback(true)\n\n      // Wait for resolution\n      promise.finally(() => {\n        pendingSet.delete(promise)\n        setPendingCount(c => {\n          const newCount = c - 1\n          if (newCount === 0) {\n            setShowFallback(false)\n          }\n          return newCount\n        })\n      })\n    }\n  }\n\n  const contextValue: SuspenseContextValue = {\n    register,\n    hasBoundary: true\n  }\n\n  // Render fallback or children based on pending state\n  const content = showFallback ? fallback : children\n\n  // Wrap content with Suspense context provider\n  return {\n    type: SuspenseCtx.Provider,\n    props: { value: contextValue },\n    children: [content],\n    key: undefined\n  } as any\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport type { FNodeChild } from '../types'\nimport type { ErrorInfo, ErrorBoundaryProps } from './types'\n\n// Component name stack for error messages\nlet componentNameStack: string[] = []\n\nexport function pushComponentName(name: string): void {\n  componentNameStack.push(name)\n}\n\nexport function popComponentName(): void {\n  componentNameStack.pop()\n}\n\nexport function getComponentStack(): string {\n  return componentNameStack\n    .map(name => `    at ${name}`)\n    .reverse()\n    .join('\\n')\n}\n\n// Stack of error boundaries for nested error propagation\ninterface ErrorBoundaryInstance {\n  handleError: (error: Error, phase: 'render' | 'effect' | 'event') => void\n}\n\nlet errorBoundaryStack: ErrorBoundaryInstance[] = []\n\nexport function pushErrorBoundary(instance: ErrorBoundaryInstance): void {\n  errorBoundaryStack.push(instance)\n}\n\nexport function popErrorBoundary(): void {\n  errorBoundaryStack.pop()\n}\n\nexport function getNearestErrorBoundary(): ErrorBoundaryInstance | null {\n  return errorBoundaryStack[errorBoundaryStack.length - 1] || null\n}\n\n/**\n * ErrorBoundary component that catches errors in its children and displays fallback UI\n *\n * @example\n * ```tsx\n * <ErrorBoundary\n *   fallback={(error, info) => <div>Error: {error.message}</div>}\n *   onError={(error, info) => console.error(error)}\n * >\n *   <App />\n * </ErrorBoundary>\n * ```\n */\nexport function ErrorBoundary(props: ErrorBoundaryProps): FNodeChild {\n  const { fallback, onError, children, resetKey } = props\n\n  // Error state\n  const [errorState, setErrorState] = use<{\n    error: Error | null\n    info: ErrorInfo | null\n  }>({ error: null, info: null })\n\n  // Track reset key changes to clear error\n  const prevResetKeyRef = hook(() => ({ current: resetKey }))\n\n  if (resetKey !== prevResetKeyRef.current) {\n    prevResetKeyRef.current = resetKey\n    if (errorState.error !== null) {\n      setErrorState({ error: null, info: null })\n    }\n  }\n\n  // Error boundary instance\n  const boundaryInstance: ErrorBoundaryInstance = {\n    handleError: (error: Error, phase: 'render' | 'effect' | 'event') => {\n      const info: ErrorInfo = {\n        componentStack: getComponentStack(),\n        phase\n      }\n\n      // Call error callback\n      onError?.(error, info)\n\n      // Update error state (triggers re-render with fallback)\n      setErrorState({ error, info })\n    }\n  }\n\n  // If we have an error, render fallback\n  if (errorState.error) {\n    if (typeof fallback === 'function') {\n      return fallback(errorState.error, errorState.info!)\n    }\n    return fallback\n  }\n\n  // Push boundary onto stack for children to use\n  pushErrorBoundary(boundaryInstance)\n\n  try {\n    // Return children - they will be rendered with this boundary active\n    return children\n  } finally {\n    popErrorBoundary()\n  }\n}\n","import { suspenseContext } from './suspenseContext'\nimport type { FNodeChild } from '../types'\nimport type { LazyComponent } from './types'\n\n/**\n * Creates a lazy-loaded component for code splitting\n *\n * @example\n * ```tsx\n * const Dashboard = lazy(() => import('./Dashboard'))\n * const Settings = lazy(() => import('./Settings'))\n *\n * function App() {\n *   return (\n *     <Suspense fallback={<div>Loading...</div>}>\n *       <Dashboard />\n *     </Suspense>\n *   )\n * }\n * ```\n */\nexport function lazy<P = {}>(\n  loader: () => Promise<{ default: (props: P) => FNodeChild }>\n): LazyComponent<P> {\n  // Shared state across all instances\n  let resolved: ((props: P) => FNodeChild) | null = null\n  let promise: Promise<any> | null = null\n  let error: Error | null = null\n\n  // The wrapper component\n  const LazyWrapper = (props: P): FNodeChild => {\n    // If already resolved, render immediately\n    if (resolved) {\n      return resolved(props)\n    }\n\n    // If error occurred, throw it (will be caught by ErrorBoundary)\n    if (error) {\n      throw error\n    }\n\n    // Get suspense context\n    const suspense = suspenseContext()\n\n    // Start loading if not already\n    if (!promise) {\n      promise = loader()\n        .then(module => {\n          resolved = module.default\n        })\n        .catch(err => {\n          error = err instanceof Error ? err : new Error(String(err))\n        })\n    }\n\n    // Register with suspense boundary if available\n    if (suspense.hasBoundary) {\n      suspense.register(promise)\n    }\n\n    // Return null - Suspense will show fallback\n    return null\n  }\n\n  // Mark as lazy component\n  ;(LazyWrapper as LazyComponent<P>)._lazy = true\n  ;(LazyWrapper as LazyComponent<P>)._loader = loader\n\n  return LazyWrapper as LazyComponent<P>\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dom.js"}

package/dist/dom.mjs

@@ -1,2 +1,2 @@
-import {a as a$1,b,c as c$1}from'./chunk-NABWFBEA.mjs';export{c as render}from'./chunk-NABWFBEA.mjs';import {c}from'./chunk-CB6CIG76.mjs';import {b as b$1}from'./chunk-NRPWBHKP.mjs';import {e,g,a,h,b as b$2}from'./chunk-WHRUAZR4.mjs';function Y(e,t,...o){return {type:e,props:t||{},children:o,key:t?.key}}var l=null,H=new WeakMap,C=null;function Z(e,t,o={}){let{state:n,onHydrated:r,onMismatch:a}=o;l=t.firstChild;try{let s;typeof e=="function"&&!D(e)?s={type:e,props:{},children:[],key:void 0}:s=e,P(s,t),r?.();}catch(s){console.warn("[Flexium] Hydration mismatch, falling back to full render:",s),a?.(s),t.innerHTML="",import('./render-Z4FL7ORX.mjs').then(({render:p})=>{p(e,t);});}finally{l=null;}}function D(e){return e&&typeof e=="object"&&"type"in e&&"props"in e}function P(e,t){if(e==null||typeof e=="boolean")return I(),null;if(typeof e=="string"||typeof e=="number")return ee(String(e));if(Array.isArray(e)){let o=[];for(let n of e){let r=P(n,t);r&&(Array.isArray(r)?o.push(...r):o.push(r));}return o}if(typeof e=="function")return $({type:e,props:{},children:[],key:void 0},t);if(typeof e=="object"&&D(e)){if(typeof e.type=="string")return te(e);if(typeof e.type=="function")return $(e,t)}return null}function I(){for(;l&&l.nodeType===Node.TEXT_NODE&&(!l.textContent||l.textContent.trim()==="");)l=l.nextSibling;}function ee(e){I();let t=l;if(!t)return null;if(t.nodeType!==Node.TEXT_NODE){if(e.trim()==="")return null;throw new Error(`Hydration mismatch: expected text node "${e}", got ${t.nodeName}`)}return l=t.nextSibling,t}function te(e){I();let t=l,o=e.type;if(!t||t.nodeType!==Node.ELEMENT_NODE)throw new Error(`Hydration mismatch: expected element <${o}>, got ${t?.nodeName||"nothing"}`);if(t.tagName.toLowerCase()!==o.toLowerCase())throw new Error(`Hydration mismatch: expected <${o}>, got <${t.tagName.toLowerCase()}>`);if(e.props){for(let[n,r]of Object.entries(e.props))if(n==="ref")typeof r=="function"?r(t):r&&typeof r=="object"&&"current"in r&&(r.current=t);else if(n.startsWith("on")&&typeof r=="function"){let a=n.slice(2).toLowerCase();t.addEventListener(a,r),t.__eventHandlers||(t.__eventHandlers={}),t.__eventHandlers[a]=r;}}if(l=t.nextSibling,e.children&&e.children.length>0){let n=l;l=t.firstChild;for(let r of e.children)P(r,t);l=n;}return t}function $(e,t){let o=e.type,n={...e.props};e.children&&e.children.length>0&&(n.children=e.children.length===1?e.children[0]:e.children);let r=o._contextId,a$2=r!==void 0,s;a$2&&(s=g(r,n.value)),H.has(t)||H.set(t,new Map);let p=H.get(t),x=e.key!==void 0,u;if(x)u=e.key;else {let f=0,y=o.name||"anonymous";p.forEach((v,E)=>{typeof E=="string"&&E.startsWith(`__auto_${y}_`)&&f++;}),u=`__auto_${y}_${f}`;}let i={hooks:[],hookIndex:0,nodes:[],parent:t,fnode:e,props:n,key:u,children:new Set,parentInstance:C||void 0};C&&C.children.add(i),p.set(u,i);let c=C;C=i;try{let f=a(i,()=>o(n)),y=P(f,t);i.nodes=y?Array.isArray(y)?y:[y]:[];let v=!0,E=()=>{let G=i.props,B=a(i,()=>o(G));if(v){v=!1;return}if(i.nodes.length===0){let S=a$1(B,t);i.nodes=S?Array.isArray(S)?S:[S]:[];return}let m=i.nodes[0].parentNode;if(!m)return;let N=document.createComment("flexium-marker"),M=i.nodes[i.nodes.length-1];M.nextSibling?m.insertBefore(N,M.nextSibling):m.appendChild(N),i.children.clear();let J=document.createElement("div"),g=a$1(B,J,m),Q=g?Array.isArray(g)?g:[g]:[],U=b(i.nodes,Q,m,N);m.removeChild(N),i.nodes=U;};return i.renderFn=E,b$1(E),i.nodes}finally{C=c,a$2&&h(r,s);}}function W(e){let{target:t,children:o}=e,n=b$2(()=>({container:null,mounted:false}));return c(({onCleanup:r})=>{let a=null;if(typeof t=="string"?a=document.querySelector(t):t instanceof HTMLElement&&(a=t),!a){console.warn("[Flexium Portal] Target container not found:",t);return}let s=document.createElement("div");s.setAttribute("data-flexium-portal","true"),a.appendChild(s),n.container=s,n.mounted=true,c$1(o,s),r(()=>{s.parentNode&&s.parentNode.removeChild(s),n.container=null,n.mounted=false;});},[t,o]),null}var re={register:()=>{},hasBoundary:false},L=new e(re);function j(){let[e]=c(L);return e}function R(e){let{fallback:t,children:o}=e,n=b$2(()=>new Set),[,r]=c(0),[a,s]=c(false),x={register:i=>{n.has(i)||(n.add(i),r(c=>c+1),s(true),i.finally(()=>{n.delete(i),r(c=>{let f=c-1;return f===0&&s(false),f});}));},hasBoundary:true},u=a?t:o;return {type:L.Provider,props:{value:x},children:[u],key:void 0}}function X(e){let{fallback:t,onError:o,children:n,resetKey:r}=e,[a,s]=c({error:null,info:null}),p=b$2(()=>({current:r}));r!==p.current&&(p.current=r,a.error!==null&&s({error:null,info:null}));if(a.error)return typeof t=="function"?t(a.error,a.info):t;try{return n}finally{}}function q(e){let t=null,o=null,n=null,r=a=>{if(t)return t(a);if(n)throw n;let s=j();return o||(o=e().then(p=>{t=p.default;}).catch(p=>{n=p instanceof Error?p:new Error(String(p));})),s.hasBoundary&&s.register(o),null};return r._lazy=true,r._loader=e,r}export{X as ErrorBoundary,W as Portal,R as Suspense,Y as f,Z as hydrate,q as lazy};//# sourceMappingURL=dom.mjs.map
+export{d as ErrorBoundary,c as Suspense,a as f,b as hydrate,e as lazy}from'./chunk-HBBTT5I5.mjs';export{c as render}from'./chunk-NABWFBEA.mjs';import'./chunk-CB6CIG76.mjs';import'./chunk-NRPWBHKP.mjs';import'./chunk-WHRUAZR4.mjs';//# sourceMappingURL=dom.mjs.map
 //# sourceMappingURL=dom.mjs.map

package/dist/dom.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dom/f.ts","../src/dom/hydrate.ts","../src/dom/components/Portal.tsx","../src/dom/components/suspenseContext.ts","../src/dom/components/Suspense.tsx","../src/dom/components/ErrorBoundary.tsx","../src/dom/components/lazy.ts"],"names":["f","type","props","children","hydrationCursor","hydratedInstanceRegistry","currentHydratingInstance","hydrate","app","container","options","state","onHydrated","onMismatch","fnode","isFNode","hydrateNode","error","render","value","parent","skipEmptyTextNodes","hydrateTextNode","nodes","child","result","hydrateComponent","hydrateElement","text","current","tag","key","eventName","savedCursor","Component","contextId","isProvider","prevContextValue","pushContext","parentRegistry","hasExplicitKey","instanceCount","componentName","_","k","instance","previousHydratingInstance","runWithComponent","isFirstRender","renderFn","currentProps","newNodes","renderNode","nodeParent","marker","lastNode","tempContainer","newNodesArray","reconciledNodes","reconcile","unsafeEffect","popContext","Portal","target","portalState","hook","use","onCleanup","portalWrapper","defaultValue","SuspenseCtx","Context","suspenseContext","Suspense","fallback","pendingSet","setPendingCount","showFallback","setShowFallback","contextValue","promise","newCount","content","ErrorBoundary","onError","resetKey","errorState","setErrorState","prevResetKeyRef","lazy","loader","resolved","LazyWrapper","suspense","module","err"],"mappings":"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","file":"dom.mjs","sourcesContent":["import type { FNode } from './types'\n\n/**\n * f() - Create FNodes without JSX\n */\nexport function f(\n    type: string | Function,\n    props?: any,\n    ...children: any[]\n): FNode {\n    return {\n        type,\n        props: props || {},\n        children,\n        key: props?.key\n    }\n}\n","import type { FNode, FNodeChild } from './types'\nimport type { SerializedState } from '../server/types'\nimport { runWithComponent, type ComponentInstance } from '../core/hook'\nimport { pushContext, popContext } from '../core/context'\nimport { unsafeEffect } from '../core/lifecycle'\nimport { renderNode, reconcile } from './render'\n\n// Hydration state\nlet isHydrating = false\nlet hydrationCursor: Node | null = null\nlet hydrationState: SerializedState | null = null\n\nexport interface HydrateOptions {\n  /**\n   * Serialized state from server\n   * Typically embedded in HTML as JSON script tag\n   */\n  state?: SerializedState\n\n  /**\n   * Called when hydration completes successfully\n   */\n  onHydrated?: () => void\n\n  /**\n   * Called when hydration fails (falls back to full render)\n   */\n  onMismatch?: (error: Error) => void\n}\n\n// Extended ComponentInstance for DOM tracking (same as render.ts)\ninterface DOMComponentInstance extends ComponentInstance {\n  nodes: Node[]\n  parent: HTMLElement\n  fnode: any\n  props: any\n  key?: any\n  renderFn?: () => void\n  children: Set<DOMComponentInstance>\n  parentInstance?: DOMComponentInstance\n}\n\n// Registry for hydrated components\nconst hydratedInstanceRegistry = new WeakMap<HTMLElement, Map<any, DOMComponentInstance>>()\nlet currentHydratingInstance: DOMComponentInstance | null = null\n\nexport function getIsHydrating(): boolean {\n  return isHydrating\n}\n\nexport function getHydrationState(): SerializedState | null {\n  return hydrationState\n}\n\n/**\n * Hydrate server-rendered HTML with client-side interactivity\n */\nexport function hydrate(\n  app: FNodeChild | (() => FNodeChild),\n  container: HTMLElement,\n  options: HydrateOptions = {}\n): void {\n  const { state, onHydrated, onMismatch } = options\n\n  // Store state for rehydration\n  hydrationState = state || null\n\n  // Initialize hydration mode\n  isHydrating = true\n  hydrationCursor = container.firstChild\n\n  try {\n    // Normalize input\n    let fnode: FNodeChild\n    if (typeof app === 'function' && !isFNode(app)) {\n      fnode = { type: app, props: {}, children: [], key: undefined }\n    } else {\n      fnode = app\n    }\n\n    // Hydrate the tree\n    hydrateNode(fnode, container)\n\n    onHydrated?.()\n  } catch (error) {\n    // Hydration mismatch - fall back to full render\n    console.warn('[Flexium] Hydration mismatch, falling back to full render:', error)\n    onMismatch?.(error as Error)\n\n    // Clear and re-render\n    container.innerHTML = ''\n    // Import dynamically to avoid circular deps\n    import('./render').then(({ render }) => {\n      render(app, container)\n    })\n  } finally {\n    isHydrating = false\n    hydrationCursor = null\n    hydrationState = null\n  }\n}\n\nfunction isFNode(value: any): value is FNode {\n  return value && typeof value === 'object' && 'type' in value && 'props' in value\n}\n\nfunction hydrateNode(fnode: FNodeChild, parent: HTMLElement): Node | Node[] | null {\n  // Null/undefined/boolean -> skip empty text nodes\n  if (fnode === null || fnode === undefined || typeof fnode === 'boolean') {\n    // Server might have rendered an empty text node\n    skipEmptyTextNodes()\n    return null\n  }\n\n  // String/number -> expect text node\n  if (typeof fnode === 'string' || typeof fnode === 'number') {\n    return hydrateTextNode(String(fnode))\n  }\n\n  // Array -> hydrate each child\n  if (Array.isArray(fnode)) {\n    const nodes: Node[] = []\n    for (const child of fnode) {\n      const result = hydrateNode(child, parent)\n      if (result) {\n        if (Array.isArray(result)) {\n          nodes.push(...result)\n        } else {\n          nodes.push(result)\n        }\n      }\n    }\n    return nodes\n  }\n\n  // Function (standalone) -> wrap in FNode and hydrate\n  if (typeof fnode === 'function') {\n    const wrappedFnode: FNode = { type: fnode, props: {}, children: [], key: undefined }\n    return hydrateComponent(wrappedFnode, parent)\n  }\n\n  // Object (FNode)\n  if (typeof fnode === 'object' && isFNode(fnode)) {\n    if (typeof fnode.type === 'string') {\n      return hydrateElement(fnode)\n    }\n\n    if (typeof fnode.type === 'function') {\n      return hydrateComponent(fnode, parent)\n    }\n  }\n\n  return null\n}\n\nfunction skipEmptyTextNodes(): void {\n  while (\n    hydrationCursor &&\n    hydrationCursor.nodeType === Node.TEXT_NODE &&\n    (!hydrationCursor.textContent || hydrationCursor.textContent.trim() === '')\n  ) {\n    hydrationCursor = hydrationCursor.nextSibling\n  }\n}\n\nfunction hydrateTextNode(text: string): Node | null {\n  skipEmptyTextNodes()\n\n  const current = hydrationCursor\n\n  if (!current) {\n    // No node to hydrate - this is okay for conditional rendering\n    return null\n  }\n\n  if (current.nodeType !== Node.TEXT_NODE) {\n    // Try to find a text node nearby (whitespace handling)\n    if (text.trim() === '') {\n      return null\n    }\n    throw new Error(`Hydration mismatch: expected text node \"${text}\", got ${current.nodeName}`)\n  }\n\n  // Update cursor\n  hydrationCursor = current.nextSibling\n\n  return current\n}\n\nfunction hydrateElement(fnode: FNode): Node {\n  skipEmptyTextNodes()\n\n  const current = hydrationCursor as Element\n  const tag = fnode.type as string\n\n  // Validate element type\n  if (!current || current.nodeType !== Node.ELEMENT_NODE) {\n    throw new Error(`Hydration mismatch: expected element <${tag}>, got ${current?.nodeName || 'nothing'}`)\n  }\n\n  if (current.tagName.toLowerCase() !== tag.toLowerCase()) {\n    throw new Error(`Hydration mismatch: expected <${tag}>, got <${current.tagName.toLowerCase()}>`)\n  }\n\n  // Attach event handlers and refs (don't modify DOM structure)\n  if (fnode.props) {\n    for (const [key, value] of Object.entries(fnode.props)) {\n      if (key === 'ref') {\n        if (typeof value === 'function') {\n          value(current)\n        } else if (value && typeof value === 'object' && 'current' in value) {\n          value.current = current\n        }\n      } else if (key.startsWith('on') && typeof value === 'function') {\n        const eventName = key.slice(2).toLowerCase()\n        current.addEventListener(eventName, value as EventListener)\n\n        // Store for reconciliation\n        if (!(current as any).__eventHandlers) {\n          (current as any).__eventHandlers = {}\n        }\n        (current as any).__eventHandlers[eventName] = value\n      }\n    }\n  }\n\n  // Move cursor past this element\n  hydrationCursor = current.nextSibling\n\n  // Hydrate children\n  if (fnode.children && fnode.children.length > 0) {\n    const savedCursor = hydrationCursor\n\n    hydrationCursor = current.firstChild\n\n    for (const child of fnode.children) {\n      hydrateNode(child, current as HTMLElement)\n    }\n\n    hydrationCursor = savedCursor\n  }\n\n  return current\n}\n\nfunction hydrateComponent(fnode: FNode, parent: HTMLElement): Node | Node[] | null {\n  const Component = fnode.type as Function\n\n  // Merge props\n  const props = { ...fnode.props }\n  if (fnode.children && fnode.children.length > 0) {\n    props.children = fnode.children.length === 1\n      ? fnode.children[0]\n      : fnode.children\n  }\n\n  // Handle context providers\n  const contextId = (Component as any)._contextId\n  const isProvider = contextId !== undefined\n  let prevContextValue: any\n\n  if (isProvider) {\n    prevContextValue = pushContext(contextId, props.value)\n  }\n\n  // Generate key (same logic as render.ts)\n  if (!hydratedInstanceRegistry.has(parent)) {\n    hydratedInstanceRegistry.set(parent, new Map())\n  }\n  const parentRegistry = hydratedInstanceRegistry.get(parent)!\n\n  const hasExplicitKey = fnode.key !== undefined\n  let key: any\n  if (hasExplicitKey) {\n    key = fnode.key\n  } else {\n    let instanceCount = 0\n    const componentName = (Component as any).name || 'anonymous'\n    parentRegistry.forEach((_, k) => {\n      if (typeof k === 'string' && k.startsWith(`__auto_${componentName}_`)) {\n        instanceCount++\n      }\n    })\n    key = `__auto_${componentName}_${instanceCount}`\n  }\n\n  // Create component instance\n  const instance: DOMComponentInstance = {\n    hooks: [],\n    hookIndex: 0,\n    nodes: [],\n    parent,\n    fnode,\n    props,\n    key,\n    children: new Set(),\n    parentInstance: currentHydratingInstance || undefined\n  }\n\n  if (currentHydratingInstance) {\n    currentHydratingInstance.children.add(instance)\n  }\n\n  parentRegistry.set(key, instance)\n\n  const previousHydratingInstance = currentHydratingInstance\n  currentHydratingInstance = instance\n\n  try {\n    // First render during hydration - just match DOM\n    const result = runWithComponent(instance, () => Component(props))\n    const nodes = hydrateNode(result, parent)\n    instance.nodes = nodes ? (Array.isArray(nodes) ? nodes : [nodes]) : []\n\n    // Set up reactive re-rendering for future updates\n    let isFirstRender = true\n    const renderFn = () => {\n      // Re-render with reconciliation (same logic as render.ts)\n      const currentProps = instance.props\n\n      // Always run the component to establish reactive tracking\n      const result = runWithComponent(instance, () => Component(currentProps))\n\n      if (isFirstRender) {\n        isFirstRender = false\n        return // Skip DOM manipulation on first render, already done during hydration\n      }\n\n      if (instance.nodes.length === 0) {\n        const newNodes = renderNode(result, parent)\n        instance.nodes = newNodes ? (Array.isArray(newNodes) ? newNodes : [newNodes]) : []\n        return\n      }\n\n      const firstNode = instance.nodes[0]\n      const nodeParent = firstNode.parentNode as HTMLElement\n\n      if (!nodeParent) {\n        return\n      }\n\n      const marker = document.createComment('flexium-marker')\n      const lastNode = instance.nodes[instance.nodes.length - 1]\n      if (lastNode.nextSibling) {\n        nodeParent.insertBefore(marker, lastNode.nextSibling)\n      } else {\n        nodeParent.appendChild(marker)\n      }\n\n      instance.children.clear()\n\n      const tempContainer = document.createElement('div')\n      const newNodes = renderNode(result, tempContainer, nodeParent)\n      const newNodesArray = newNodes ? (Array.isArray(newNodes) ? newNodes : [newNodes]) : []\n\n      const reconciledNodes = reconcile(instance.nodes, newNodesArray, nodeParent, marker)\n\n      nodeParent.removeChild(marker)\n\n      instance.nodes = reconciledNodes\n    }\n\n    instance.renderFn = renderFn\n    unsafeEffect(renderFn)\n\n    return instance.nodes\n  } finally {\n    currentHydratingInstance = previousHydratingInstance\n\n    if (isProvider) {\n      popContext(contextId, prevContextValue)\n    }\n  }\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport { render } from '../render'\nimport type { PortalProps } from './types'\n\n/**\n * Portal component that renders children into a different DOM node\n *\n * @deprecated Use Portal from 'flexium-ui' instead:\n * ```tsx\n * import { Portal } from 'flexium-ui'\n * ```\n *\n * @example\n * ```tsx\n * function Modal({ isOpen, onClose, children }) {\n *   if (!isOpen) return null\n *\n *   return (\n *     <Portal target={document.body}>\n *       <div class=\"modal-backdrop\" onClick={onClose}>\n *         <div class=\"modal-content\" onClick={e => e.stopPropagation()}>\n *           {children}\n *         </div>\n *       </div>\n *     </Portal>\n *   )\n * }\n * ```\n */\nexport function Portal(props: PortalProps): null {\n  const { target, children } = props\n\n  // Store rendered container for cleanup\n  const portalState = hook(() => ({\n    container: null as HTMLElement | null,\n    mounted: false\n  }))\n\n  use(({ onCleanup }) => {\n    // Resolve target container\n    let container: HTMLElement | null = null\n\n    if (typeof target === 'string') {\n      container = document.querySelector(target)\n    } else if (target instanceof HTMLElement) {\n      container = target\n    }\n\n    if (!container) {\n      console.warn('[Flexium Portal] Target container not found:', target)\n      return\n    }\n\n    // Create a wrapper div to contain portal content\n    const portalWrapper = document.createElement('div')\n    portalWrapper.setAttribute('data-flexium-portal', 'true')\n    container.appendChild(portalWrapper)\n\n    portalState.container = portalWrapper\n    portalState.mounted = true\n\n    // Render children into the portal wrapper\n    render(children, portalWrapper)\n\n    // Cleanup function\n    onCleanup(() => {\n      if (portalWrapper.parentNode) {\n        portalWrapper.parentNode.removeChild(portalWrapper)\n      }\n      portalState.container = null\n      portalState.mounted = false\n    })\n  }, [target, children])\n\n  // Portal renders nothing in its original location\n  return null\n}\n","import { Context } from '../../core/context'\nimport { use } from '../../core/use'\nimport type { SuspenseContextValue } from './types'\n\nconst defaultValue: SuspenseContextValue = {\n  register: () => {},\n  hasBoundary: false\n}\n\nexport const SuspenseCtx = new Context<SuspenseContextValue>(defaultValue)\n\nexport function suspenseContext(): SuspenseContextValue {\n  const [value] = use(SuspenseCtx)\n  return value\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport { SuspenseCtx } from './suspenseContext'\nimport type { SuspenseProps, SuspenseContextValue } from './types'\nimport type { FNodeChild } from '../types'\n\n/**\n * Suspense component that shows fallback while children are loading\n *\n * @example\n * ```tsx\n * const Dashboard = lazy(() => import('./Dashboard'))\n *\n * function App() {\n *   return (\n *     <Suspense fallback={<div>Loading...</div>}>\n *       <Dashboard />\n *     </Suspense>\n *   )\n * }\n * ```\n */\nexport function Suspense(props: SuspenseProps): FNodeChild {\n  const { fallback, children } = props\n\n  // Track pending promises using hook for mutable Set\n  const pendingSet = hook(() => new Set<Promise<any>>())\n  const [, setPendingCount] = use(0)\n  const [showFallback, setShowFallback] = use(false)\n\n  // Register function for lazy components\n  const register = (promise: Promise<any>) => {\n    if (!pendingSet.has(promise)) {\n      // Add to pending set\n      pendingSet.add(promise)\n      setPendingCount(c => c + 1)\n      setShowFallback(true)\n\n      // Wait for resolution\n      promise.finally(() => {\n        pendingSet.delete(promise)\n        setPendingCount(c => {\n          const newCount = c - 1\n          if (newCount === 0) {\n            setShowFallback(false)\n          }\n          return newCount\n        })\n      })\n    }\n  }\n\n  const contextValue: SuspenseContextValue = {\n    register,\n    hasBoundary: true\n  }\n\n  // Render fallback or children based on pending state\n  const content = showFallback ? fallback : children\n\n  // Wrap content with Suspense context provider\n  return {\n    type: SuspenseCtx.Provider,\n    props: { value: contextValue },\n    children: [content],\n    key: undefined\n  } as any\n}\n","import { use } from '../../core/use'\nimport { hook } from '../../core/hook'\nimport type { FNodeChild } from '../types'\nimport type { ErrorInfo, ErrorBoundaryProps } from './types'\n\n// Component name stack for error messages\nlet componentNameStack: string[] = []\n\nexport function pushComponentName(name: string): void {\n  componentNameStack.push(name)\n}\n\nexport function popComponentName(): void {\n  componentNameStack.pop()\n}\n\nexport function getComponentStack(): string {\n  return componentNameStack\n    .map(name => `    at ${name}`)\n    .reverse()\n    .join('\\n')\n}\n\n// Stack of error boundaries for nested error propagation\ninterface ErrorBoundaryInstance {\n  handleError: (error: Error, phase: 'render' | 'effect' | 'event') => void\n}\n\nlet errorBoundaryStack: ErrorBoundaryInstance[] = []\n\nexport function pushErrorBoundary(instance: ErrorBoundaryInstance): void {\n  errorBoundaryStack.push(instance)\n}\n\nexport function popErrorBoundary(): void {\n  errorBoundaryStack.pop()\n}\n\nexport function getNearestErrorBoundary(): ErrorBoundaryInstance | null {\n  return errorBoundaryStack[errorBoundaryStack.length - 1] || null\n}\n\n/**\n * ErrorBoundary component that catches errors in its children and displays fallback UI\n *\n * @example\n * ```tsx\n * <ErrorBoundary\n *   fallback={(error, info) => <div>Error: {error.message}</div>}\n *   onError={(error, info) => console.error(error)}\n * >\n *   <App />\n * </ErrorBoundary>\n * ```\n */\nexport function ErrorBoundary(props: ErrorBoundaryProps): FNodeChild {\n  const { fallback, onError, children, resetKey } = props\n\n  // Error state\n  const [errorState, setErrorState] = use<{\n    error: Error | null\n    info: ErrorInfo | null\n  }>({ error: null, info: null })\n\n  // Track reset key changes to clear error\n  const prevResetKeyRef = hook(() => ({ current: resetKey }))\n\n  if (resetKey !== prevResetKeyRef.current) {\n    prevResetKeyRef.current = resetKey\n    if (errorState.error !== null) {\n      setErrorState({ error: null, info: null })\n    }\n  }\n\n  // Error boundary instance\n  const boundaryInstance: ErrorBoundaryInstance = {\n    handleError: (error: Error, phase: 'render' | 'effect' | 'event') => {\n      const info: ErrorInfo = {\n        componentStack: getComponentStack(),\n        phase\n      }\n\n      // Call error callback\n      onError?.(error, info)\n\n      // Update error state (triggers re-render with fallback)\n      setErrorState({ error, info })\n    }\n  }\n\n  // If we have an error, render fallback\n  if (errorState.error) {\n    if (typeof fallback === 'function') {\n      return fallback(errorState.error, errorState.info!)\n    }\n    return fallback\n  }\n\n  // Push boundary onto stack for children to use\n  pushErrorBoundary(boundaryInstance)\n\n  try {\n    // Return children - they will be rendered with this boundary active\n    return children\n  } finally {\n    popErrorBoundary()\n  }\n}\n","import { suspenseContext } from './suspenseContext'\nimport type { FNodeChild } from '../types'\nimport type { LazyComponent } from './types'\n\n/**\n * Creates a lazy-loaded component for code splitting\n *\n * @example\n * ```tsx\n * const Dashboard = lazy(() => import('./Dashboard'))\n * const Settings = lazy(() => import('./Settings'))\n *\n * function App() {\n *   return (\n *     <Suspense fallback={<div>Loading...</div>}>\n *       <Dashboard />\n *     </Suspense>\n *   )\n * }\n * ```\n */\nexport function lazy<P = {}>(\n  loader: () => Promise<{ default: (props: P) => FNodeChild }>\n): LazyComponent<P> {\n  // Shared state across all instances\n  let resolved: ((props: P) => FNodeChild) | null = null\n  let promise: Promise<any> | null = null\n  let error: Error | null = null\n\n  // The wrapper component\n  const LazyWrapper = (props: P): FNodeChild => {\n    // If already resolved, render immediately\n    if (resolved) {\n      return resolved(props)\n    }\n\n    // If error occurred, throw it (will be caught by ErrorBoundary)\n    if (error) {\n      throw error\n    }\n\n    // Get suspense context\n    const suspense = suspenseContext()\n\n    // Start loading if not already\n    if (!promise) {\n      promise = loader()\n        .then(module => {\n          resolved = module.default\n        })\n        .catch(err => {\n          error = err instanceof Error ? err : new Error(String(err))\n        })\n    }\n\n    // Register with suspense boundary if available\n    if (suspense.hasBoundary) {\n      suspense.register(promise)\n    }\n\n    // Return null - Suspense will show fallback\n    return null\n  }\n\n  // Mark as lazy component\n  ;(LazyWrapper as LazyComponent<P>)._lazy = true\n  ;(LazyWrapper as LazyComponent<P>)._loader = loader\n\n  return LazyWrapper as LazyComponent<P>\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dom.mjs"}