@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/index2.js

@@ -1,293 +0,0 @@
-import { Assets as i, createColorAsset as s, createFontAsset as l, createImageAsset as p, getAssetInfo as m, listAssetNames as d, registerAsset as g } from "./assets/index.js";
-import { createCleanupGroup as f, createEventListener as u, createInterval as C, createResource as S, createTimeout as x, dispose as M, onCleanup as v } from "./reactive/cleanup.js";
-import { ReactiveError as h, ReactiveScheduler as E, UpdatePriority as T } from "./reactive/unified-scheduler.js";
-import { createSignal as G, flushSync as I, getSignalImpl as y, isSignal as B } from "./reactive/signal.js";
-import { TaskPriority as A, enableScheduling as P, getScheduler as k, scheduleIdle as H, scheduleUpdate as U, scheduleWithPriority as O, setScheduler as L } from "./reactive/scheduler.js";
-import { detectSystemTheme as V, getCurrentTheme as N, getThemeSignal as F, setTheme as z } from "./reactive/theme.js";
-import { DOMRenderer as _, h as j, renderComponent as Q, text as q } from "./runtime/renderer.js";
-import { Frame as Z, LayoutPatterns as J, SuiMigration as K, logSuiEquivalent as X } from "./sui-compat.js";
-import { ComponentManager as ee, createAdvancedComponent as re, createComponent as te, createFragment as oe, createReactiveComponent as ne, createRef as ae, forwardRef as ie, withLifecycle as se } from "./runtime/component.js";
-import { ContextManager as pe, DIContainer as me, Injectable as de, contextUtils as ge, createContext as ce, createContextConsumer as fe, defaultContextManager as ue, globalDI as Ce, inject as Se, useContext as xe, withProvider as Me } from "./runtime/context.js";
-import { DevTools as be, devUtils as he, enableDevelopmentMode as Ee, enablePerformanceTracking as Te, getComponentTree as Re, getDevTools as Ge, globalDevTools as Ie } from "./runtime/dev-tools.js";
-import { DOMBridgeDebug as Be, getComponentFromElement as De, mountComponentChildren as Ae, mountComponentTree as Pe, mountRoot as ke, unmountComponent as He, unmountComponentEnhanced as Ue, updateComponent as Oe } from "./runtime/dom-bridge.js";
-import { ErrorBoundary as we, ErrorManager as Ve, createErrorBoundary as Ne, errorReporters as Fe, errorUtils as ze, globalErrorManager as We } from "./runtime/error-boundary.js";
-import { ErrorAggregator as je, StructuredLogger as Qe, globalErrorAggregator as qe, globalLogger as Ye, reportDestinations as Ze, reportingUtils as Je, setupErrorReporting as Ke } from "./runtime/error-reporting.js";
-import { PerformanceMonitor as $e, globalPerformanceMonitor as er, performanceUtils as rr } from "./runtime/performance.js";
-import { COMPONENT_ELIGIBILITY as or, ElementTagValidator as nr, SEMANTIC_TAG_ROLES as ar, VALID_HTML_TAGS as ir, configureElementOverrides as sr, createElementOverrideValidator as lr, getElementOverrideConfig as pr, processElementOverride as mr, shouldWarnOnOverride as dr } from "./runtime/element-override.js";
-import { SemanticRoleManager as cr, applySemanticAttributes as fr, getSemanticRole as ur, hasAutoARIA as Cr, semanticRoleManager as Sr } from "./runtime/semantic-role-manager.js";
-import { DevelopmentWarnings as Mr } from "./runtime/development-warnings.js";
-import { H1 as br, H2 as hr, H3 as Er, H4 as Tr, H5 as Rr, H6 as Gr, HStack as Ir, HTML as yr, Layout as Br, VStack as Dr, ZStack as Ar, createModifiableComponentFactory as Pr, createReactiveWrapper as kr, withModifierSupport as Hr, withModifiers as Ur, wrapComponent as Or } from "./components/wrapper.js";
-import { CSSClassManager as wr, configureCSSClasses as Vr, cssClassManager as Nr, getCSSClassConfig as Fr } from "./css-classes/css-class-manager.js";
-import "./components/GridResponsive.js";
-import { Button as Wr, ButtonStyles as _r, EnhancedButton as jr, defaultButtonTheme as Qr } from "./components/Button.js";
-import { Divider as Yr, DividerStyles as Zr, DividerUtils as Jr, defaultDividerTheme as Kr } from "./components/Divider.js";
-import { CSSInjector as $r, ResponsiveCSSGenerator as et, generateCustomMediaQuery as rt, generateResponsiveProperty as tt } from "./modifiers/responsive/css-generator.js";
-import { OptimizedCSSGenerator as nt, ResponsivePerformanceMonitor as at, cssRuleCache as it } from "./modifiers/responsive/performance.js";
-import { applyModifiersToNode as lt, createModifiableComponent as pt, createModifierRegistry as mt, globalModifierRegistry as dt } from "./modifiers/registry.js";
-import { PseudoElementModifier as ct, after as ft, badge as ut, before as Ct, cornerRibbon as St, iconAfter as xt, iconBefore as Mt, lineAfter as vt, lineBefore as bt, pseudoElements as ht, quotes as Et, spinner as Tt, tooltip as Rt, underline as Gt } from "./modifiers/elements.js";
-import { CursorModifier as yt, HoverModifier as Bt, buttonHover as Dt, cardHover as At, conditionalHover as Pt, cursor as kt, disabledCursor as Ht, draggableCursor as Ut, helpCursor as Ot, hover as Lt, hoverEffect as wt, hoverWithTransition as Vt, imageHover as Nt, interactiveCursor as Ft, linkHover as zt, loadingCursor as Wt, textCursor as _t, zoomCursor as jt } from "./modifiers/effects.js";
-import "./modifiers/basic-sanitizer.js";
-import "./modifiers/as-html-validator.js";
-import { animationModifiers as qt, appearanceModifiers as Yt, coreModifiers as Zt, interactionModifiers as Jt, layoutModifiers as Kt, presetModifiers as Xt } from "./modifiers/core.js";
-import { BreakpointPresets as eo, breakpointToPixels as ro, configureBreakpoints as to, createBreakpointContext as oo, generateMediaQuery as no, generateRangeMediaQuery as ao, getBreakpointIndex as io, getBreakpointsAbove as so, getBreakpointsBelow as lo, getCurrentBreakpoint as po, getCurrentBreakpointConfig as mo, getSortedBreakpoints as go, getViewportDimensions as co, initializeResponsiveSystem as fo, isBreakpointAbove as uo, isBreakpointBelow as Co } from "./modifiers/responsive/breakpoints.js";
-import { BrowserCompatibility as xo, ResponsiveDevTools as Mo, useResponsiveInspector as vo } from "./modifiers/responsive/dev-tools.js";
-import { GradientUtils as ho, InteractiveGradientPresets as Eo, LinearGradientPresets as To, ThemeGradients as Ro } from "./gradients/presets.js";
-import { ColorUtils as Io, GradientAnalysis as yo, GradientUtils as Bo, StateGradientUtils as Do } from "./gradients/utils.js";
-import { AnimationGradients as Po, BackgroundGradients as ko, ButtonGradients as Ho, CardGradients as Uo, DashboardGradients as Oo, FormGradients as Lo, GradientExamples as wo, NavigationGradients as Vo, ThemedGradients as No, createComponentGradients as Fo } from "./gradients/examples.js";
-import { GradientDebugger as Wo, GradientInspector as _o, GradientPerformanceMonitor as jo, gradientPerformanceMonitor as Qo } from "./gradients/performance.js";
-import { SimplifiedTachUIInstance as Yo, globalTachUIInstance as Zo, installPlugin as Jo, registerComponent as Ko, registerService as Xo } from "./plugins/simplified-tachui-instance.js";
-import { ErrorRecoveryUtils as en, OptimizedPluginErrorHandler as rn, SimplifiedPluginErrorHandler as tn, globalPluginErrorHandler as on } from "./plugins/simplified-error-handler.js";
-import { StateManagerImpl as an, createStateManager as sn, getAllStateManagers as ln, getStateManager as pn, getStateManagerDebugInfo as mn, initializeStateDebugging as dn, registerStateManager as gn, unregisterStateManager as cn } from "./state/state-manager.js";
-import { debugManager as un, disableDebug as Cn, enableDebug as Sn, isDebugEnabled as xn } from "./debug.js";
-import { ValidationDevTools as vn, ValidationSetup as bn } from "./validation/index.js";
-const o = "0.1.0";
-export {
-  Po as AnimationGradients,
-  i as Assets,
-  ko as BackgroundGradients,
-  eo as BreakpointPresets,
-  xo as BrowserCompatibility,
-  Wr as Button,
-  Ho as ButtonGradients,
-  _r as ButtonStyles,
-  or as COMPONENT_ELIGIBILITY,
-  wr as CSSClassManager,
-  $r as CSSInjector,
-  Uo as CardGradients,
-  Io as ColorUtilities,
-  ee as ComponentManager,
-  pe as ContextManager,
-  yt as CursorModifier,
-  me as DIContainer,
-  Be as DOMBridgeDebug,
-  _ as DOMRenderer,
-  Oo as DashboardGradients,
-  be as DevTools,
-  Mr as DevelopmentWarnings,
-  Yr as Divider,
-  Zr as DividerStyles,
-  Jr as DividerUtils,
-  nr as ElementTagValidator,
-  jr as EnhancedButton,
-  je as ErrorAggregator,
-  we as ErrorBoundary,
-  Ve as ErrorManager,
-  en as ErrorRecoveryUtils,
-  Lo as FormGradients,
-  Z as Frame,
-  yo as GradientAnalysis,
-  Wo as GradientDebugger,
-  wo as GradientExamples,
-  _o as GradientInspector,
-  jo as GradientPerformanceMonitor,
-  ho as GradientPresetUtils,
-  Bo as GradientUtilities,
-  br as H1,
-  hr as H2,
-  Er as H3,
-  Tr as H4,
-  Rr as H5,
-  Gr as H6,
-  Ir as HStack,
-  yr as HTML,
-  Bt as HoverModifier,
-  de as Injectable,
-  Eo as InteractiveGradientPresets,
-  Br as Layout,
-  J as LayoutPatterns,
-  To as LinearGradientPresets,
-  Vo as NavigationGradients,
-  nt as OptimizedCSSGenerator,
-  rn as OptimizedPluginErrorHandler,
-  $e as PerformanceMonitor,
-  ct as PseudoElementModifier,
-  h as ReactiveError,
-  E as ReactiveScheduler,
-  et as ResponsiveCSSGenerator,
-  Mo as ResponsiveDevTools,
-  at as ResponsivePerformanceMonitor,
-  ar as SEMANTIC_TAG_ROLES,
-  cr as SemanticRoleManager,
-  tn as SimplifiedPluginErrorHandler,
-  Yo as SimplifiedTachUIInstance,
-  Do as StateGradientUtils,
-  an as StateManagerImpl,
-  Qe as StructuredLogger,
-  K as SuiMigration,
-  A as TaskPriority,
-  Ro as ThemeGradients,
-  No as ThemedGradients,
-  T as UpdatePriority,
-  ir as VALID_HTML_TAGS,
-  o as VERSION,
-  Dr as VStack,
-  vn as ValidationDevTools,
-  bn as ValidationSetup,
-  Ar as ZStack,
-  ft as after,
-  qt as animationModifiers,
-  Yt as appearanceModifiers,
-  lt as applyModifiersToNode,
-  fr as applySemanticAttributes,
-  ut as badge,
-  Ct as before,
-  ro as breakpointToPixels,
-  Dt as buttonHover,
-  At as cardHover,
-  Pt as conditionalHover,
-  to as configureBreakpoints,
-  Vr as configureCSSClasses,
-  sr as configureElementOverrides,
-  ge as contextUtils,
-  Zt as coreModifiers,
-  St as cornerRibbon,
-  re as createAdvancedComponent,
-  oo as createBreakpointContext,
-  f as createCleanupGroup,
-  s as createColorAsset,
-  te as createComponent,
-  Fo as createComponentGradients,
-  ce as createContext,
-  fe as createContextConsumer,
-  lr as createElementOverrideValidator,
-  Ne as createErrorBoundary,
-  u as createEventListener,
-  l as createFontAsset,
-  oe as createFragment,
-  p as createImageAsset,
-  C as createInterval,
-  pt as createModifiableComponent,
-  Pr as createModifiableComponentFactory,
-  mt as createModifierRegistry,
-  ne as createReactiveComponent,
-  kr as createReactiveWrapper,
-  ae as createRef,
-  S as createResource,
-  G as createSignal,
-  sn as createStateManager,
-  x as createTimeout,
-  Nr as cssClassManager,
-  it as cssRuleCache,
-  kt as cursor,
-  un as debugManager,
-  Qr as defaultButtonTheme,
-  ue as defaultContextManager,
-  Kr as defaultDividerTheme,
-  V as detectSystemTheme,
-  he as devUtils,
-  Cn as disableDebug,
-  Ht as disabledCursor,
-  M as dispose,
-  Ut as draggableCursor,
-  Sn as enableDebug,
-  Ee as enableDevelopmentMode,
-  Te as enablePerformanceTracking,
-  P as enableScheduling,
-  Fe as errorReporters,
-  ze as errorUtils,
-  I as flushSync,
-  ie as forwardRef,
-  rt as generateCustomMediaQuery,
-  no as generateMediaQuery,
-  ao as generateRangeMediaQuery,
-  tt as generateResponsiveProperty,
-  ln as getAllStateManagers,
-  m as getAssetInfo,
-  io as getBreakpointIndex,
-  so as getBreakpointsAbove,
-  lo as getBreakpointsBelow,
-  Fr as getCSSClassConfig,
-  De as getComponentFromElement,
-  Re as getComponentTree,
-  po as getCurrentBreakpoint,
-  mo as getCurrentBreakpointConfig,
-  N as getCurrentTheme,
-  Ge as getDevTools,
-  pr as getElementOverrideConfig,
-  k as getScheduler,
-  ur as getSemanticRole,
-  y as getSignalImpl,
-  go as getSortedBreakpoints,
-  pn as getStateManager,
-  mn as getStateManagerDebugInfo,
-  F as getThemeSignal,
-  co as getViewportDimensions,
-  Ce as globalDI,
-  Ie as globalDevTools,
-  qe as globalErrorAggregator,
-  We as globalErrorManager,
-  Ye as globalLogger,
-  dt as globalModifierRegistry,
-  er as globalPerformanceMonitor,
-  on as globalPluginErrorHandler,
-  Zo as globalTachUIInstance,
-  Qo as gradientPerformanceMonitor,
-  j as h,
-  Cr as hasAutoARIA,
-  Ot as helpCursor,
-  Lt as hover,
-  wt as hoverEffect,
-  Vt as hoverWithTransition,
-  xt as iconAfter,
-  Mt as iconBefore,
-  Nt as imageHover,
-  fo as initializeResponsiveSystem,
-  dn as initializeStateDebugging,
-  Se as inject,
-  Jo as installPlugin,
-  Jt as interactionModifiers,
-  Ft as interactiveCursor,
-  uo as isBreakpointAbove,
-  Co as isBreakpointBelow,
-  xn as isDebugEnabled,
-  B as isSignal,
-  Kt as layoutModifiers,
-  vt as lineAfter,
-  bt as lineBefore,
-  zt as linkHover,
-  d as listAssetNames,
-  Wt as loadingCursor,
-  X as logSuiEquivalent,
-  Ae as mountComponentChildren,
-  Pe as mountComponentTree,
-  ke as mountRoot,
-  v as onCleanup,
-  rr as performanceUtils,
-  Xt as presetModifiers,
-  mr as processElementOverride,
-  ht as pseudoElements,
-  Et as quotes,
-  g as registerAsset,
-  Ko as registerComponent,
-  Xo as registerService,
-  gn as registerStateManager,
-  Q as renderComponent,
-  Ze as reportDestinations,
-  Je as reportingUtils,
-  H as scheduleIdle,
-  U as scheduleUpdate,
-  O as scheduleWithPriority,
-  Sr as semanticRoleManager,
-  L as setScheduler,
-  z as setTheme,
-  Ke as setupErrorReporting,
-  dr as shouldWarnOnOverride,
-  Tt as spinner,
-  q as text,
-  _t as textCursor,
-  Rt as tooltip,
-  Gt as underline,
-  He as unmountComponent,
-  Ue as unmountComponentEnhanced,
-  cn as unregisterStateManager,
-  Oe as updateComponent,
-  xe as useContext,
-  vo as useResponsiveInspector,
-  se as withLifecycle,
-  Hr as withModifierSupport,
-  Ur as withModifiers,
-  Me as withProvider,
-  Or as wrapComponent,
-  jt as zoomCursor
-};
-//# sourceMappingURL=index2.js.map

package/dist/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":["../src/index.ts"],"sourcesContent":["/**\n * TachUI Framework\n *\n * A SwiftUI-inspired web framework with SolidJS-style reactivity,\n * compile-time optimization, and TypeScript-first design.\n */\n\n// Assets system\nexport {\n  Assets,\n  Asset,\n  ColorAsset,\n  ImageAsset,\n  FontAsset,\n  FontWidth,\n  SystemFonts,\n  createSystemFont,\n  createGoogleFont,\n  createVariableFont,\n  registerAsset,\n  createColorAsset,\n  createImageAsset,\n  createFontAsset,\n  getAssetInfo,\n  listAssetNames,\n  type FontAssetOptions,\n  type FontWeightValue,\n  type FontWidthValue,\n  type AssetInfo,\n  type AssetsInterface\n} from './assets'\n\n// Constants system\nexport {\n  infinity,\n  SUI,\n  isInfinity,\n  dimensionToCSS,\n  infinityToFlexCSS,\n  shouldExpandForInfinity,\n  type Dimension,\n  type InfinityValue\n} from './constants'\n\n// Concatenation system\nexport {\n  type ComponentSegment,\n  type ConcatenationMetadata,\n  type AccessibilityNode,\n  type ConcatenationResult,\n  type Concatenatable,\n  ConcatenationSymbol,\n  isConcatenatable,\n  isConcatenatedComponent,\n  ConcatenatableBase,\n  makeConcatenatable,\n  CONCAT_SYMBOL,\n  ConcatenatedComponent,\n  Concatenated,\n  TextConcatenationOptimizer\n} from './concatenation'\n\n// Frame utilities and SUI compatibility\nexport {\n  fillMaxWidth,\n  fillMaxHeight,\n  fillMaxSize,\n  expand,\n  fixedWidthExpandHeight,\n  fixedHeightExpandWidth,\n  constrainedExpand,\n  responsive,\n  flexible,\n  fullScreen,\n  remainingSpace,\n  equalShare\n} from './constants/frame-utils'\n\n// SUI compatibility layer (SUI = SwiftUI-inspired)\nexport {\n  Frame,\n  LayoutPatterns,\n  SuiMigration,\n  logSuiEquivalent\n} from './sui-compat'\n// Compiler system (Phase 2)\nexport * from './compiler'\n\n// Component system (Phase 4-5)\nexport * from './components'\n\n// Modifier system  \nexport * from './modifiers'\n\n// Gradient system\nexport * from './gradients'\n// Simplified Plugin System (Phase 1)\nexport {\n  SimplifiedPluginManager,\n  SimplifiedComponentRegistry,\n  SimplifiedTachUIInstance,\n  globalTachUIInstance,\n  installPlugin,\n  registerComponent,\n  registerService,\n  OptimizedLazyPluginLoader,\n  createLazyPlugin,\n  createLegacyPluginAdapter,\n  isLegacyPlugin,\n  adaptPlugin,\n  PluginError,\n  validateSemver,\n  compareSemver,\n  validatePluginName,\n  normalizePluginName,\n  PluginDevUtils,\n  OptimizedPluginErrorHandler,\n  SimplifiedPluginErrorHandler,\n  globalPluginErrorHandler,\n  ErrorRecoveryUtils\n} from './plugins'\nexport type {\n  TachUIPlugin,\n  TachUIInstance,\n  ComponentRegistrationOptions,\n  ServiceRegistration,\n  ComponentRegistration\n} from './plugins'\n\n// Reactive system (Phase 1)\nexport * from './reactive'\n// Runtime system (Phase 3)\nexport * from './runtime'\n\n// CSS Classes system\nexport * from './css-classes'\n// Lazy loading system\nexport {\n  createLazyComponentGroup,\n  createVisibilityLazyComponent,\n  lazy,\n  preloadComponent,\n  preloadComponentGroup,\n  Suspense,\n} from './runtime/lazy-component'\n// State management system\nexport * from './state'\n\n// Debug system\nexport * from './debug'\n\n// Validation system (Phase 1A - Epic: Greylock)\nexport { \n  ValidationUtils as default,\n  ValidationDevTools,\n  ValidationSetup,\n  CoreComponentValidation,\n  ModifierValidation,\n  PluginComponentValidation,\n  EnhancedValidationUtils,\n  ProductionOptimizationUtils,\n  ValidationDebugUtils,\n  PerformanceOptimizationUtils,\n  LifecycleValidationUtils\n} from './validation'\n\n// Version\nexport const VERSION = '0.1.0'\n"],"names":["VERSION"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKO,MAAMA,IAAU;"}

package/dist/lifecycle/hooks.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(t,e){t._enhancedLifecycle={...t._enhancedLifecycle,...e}}function m(t,e){l(t,{onMount:e})}function i(t,e){l(t,{onDOMReady:e})}function y(t,e){l(t,{onUnmount:e})}function h(t,e){l(t,{onError:e})}function g(t,e){l(t,{onDOMError:e})}function M(t,e){return l(t,{onError:s=>e(s),onDOMError:(s,o)=>e(s,`DOM:${o}`)}),t}function d(t,e){i(t,(s,o)=>{if(o)return e(o)})}function E(t,e,s){d(t,o=>{if(typeof e?.resolve=="function"){const n=e.resolve();s(o,n)}})}function O(t,e){console.warn("⚠️ setTimeout workaround detected. Consider migrating to onDOMReady."),i(t,()=>{e()})}const p={focusWhenReady(t,e,s){i(t,(o,n)=>{let c=null;s?c=s:e?c=n?.querySelector(e)||null:c=n||null,c instanceof HTMLElement&&typeof c.focus=="function"&&requestAnimationFrame(()=>{try{c.focus()}catch(r){console.warn("Focus failed:",r)}})})},focusFirstFocusable(t){i(t,(e,s)=>{if(s){const o=s.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');o&&this.focusWhenReady(t,void 0,o)}})}},D={animateWhenReady(t,e){i(t,(s,o)=>{let n=null;e.element?n=e.element:e.selector?n=o?.querySelector(e.selector)||null:n=o||null,n&&(e.setup(n),requestAnimationFrame(()=>{e.animate(n)}))})},fadeIn(t,e,s=300){this.animateWhenReady(t,{element:e,setup:o=>{const n=o;n.style.opacity="0",n.style.transition=`opacity ${s}ms ease-out`},animate:o=>{const n=o;n.style.opacity="1"}})},scaleIn(t,e,s=300){this.animateWhenReady(t,{element:e,setup:o=>{const n=o;n.style.transform="scale(0.8)",n.style.opacity="0",n.style.transition=`all ${s}ms ease-out`},animate:o=>{const n=o;n.style.transform="scale(1)",n.style.opacity="1"}})}};function R(t,e,s){i(t,(o,n)=>{const c=s?n?.querySelector(s):n;if(c){const r=u=>{c.contains(u.target)||e()};document.addEventListener("click",r),y(t,()=>{document.removeEventListener("click",r)})}})}function v(t,e,s,o){i(t,(n,c)=>{const r=c?.querySelector(e),u=c?.querySelector(s);if(r&&u){const a=o(r,u),f=u;f.style.left=`${a.x}px`,f.style.top=`${a.y}px`}})}exports.AnimationManager=D;exports.FocusManager=p;exports.migrateFromSetTimeout=O;exports.onDOMError=g;exports.onDOMReady=i;exports.onError=h;exports.onMount=m;exports.onUnmount=y;exports.setupOutsideClickDetection=R;exports.setupPositioning=v;exports.useLifecycle=l;exports.withDOMAccess=d;exports.withErrorBoundary=M;exports.withReactiveAsset=E;
-//# sourceMappingURL=hooks.cjs.map

package/dist/lifecycle/hooks.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.cjs","sources":["../../src/lifecycle/hooks.ts"],"sourcesContent":["/**\n * Enhanced Lifecycle Hook Registration API (Phase 1)\n *\n * Provides convenient utilities for registering lifecycle hooks with DOM context,\n * error handling, and migration helpers for setTimeout workarounds.\n */\n\nimport type { ComponentInstance, ComponentProps, DOMError } from '../runtime/types'\n\n/**\n * Enhanced lifecycle hook registration using withLifecycle utility\n */\nexport function useLifecycle(\n  instance: ComponentInstance,\n  hooks: {\n    onMount?: () => void | (() => void)\n    onUnmount?: () => void\n    onError?: (error: Error) => void\n    onDOMReady?: (elements: Map<string, Element>, primary?: Element) => void | (() => void)\n    onDOMError?: (error: DOMError, context: string) => void\n  }\n): void {\n  // Store enhanced hooks in a custom property for now\n  ;(instance as any)._enhancedLifecycle = { \n    ...(instance as any)._enhancedLifecycle, \n    ...hooks \n  }\n}\n\n/**\n * Register onMount lifecycle hook\n */\nexport function onMount(\n  instance: ComponentInstance, \n  callback: () => void | (() => void)\n): void {\n  useLifecycle(instance, { onMount: callback })\n}\n\n/**\n * Register onDOMReady lifecycle hook with guaranteed DOM element access\n */\nexport function onDOMReady(\n  instance: ComponentInstance,\n  callback: (elements: Map<string, Element>, primary?: Element) => void | (() => void)\n): void {\n  useLifecycle(instance, { onDOMReady: callback })\n}\n\n/**\n * Register onUnmount lifecycle hook\n */\nexport function onUnmount(\n  instance: ComponentInstance, \n  callback: () => void\n): void {\n  useLifecycle(instance, { onUnmount: callback })\n}\n\n/**\n * Register error handling hooks\n */\nexport function onError(\n  instance: ComponentInstance,\n  callback: (error: Error) => void\n): void {\n  useLifecycle(instance, { onError: callback })\n}\n\n/**\n * Register DOM-specific error handling\n */\nexport function onDOMError(\n  instance: ComponentInstance,\n  callback: (error: DOMError, context: string) => void\n): void {\n  useLifecycle(instance, { onDOMError: callback })\n}\n\n/**\n * Error boundary wrapper for components\n */\nexport function withErrorBoundary<P extends ComponentProps>(\n  instance: ComponentInstance<P>,\n  errorHandler: (error: Error, context?: string) => void\n): ComponentInstance<P> {\n  useLifecycle(instance, {\n    onError: (error) => errorHandler(error),\n    onDOMError: (error, context) => errorHandler(error, `DOM:${context}`)\n  })\n  return instance\n}\n\n/**\n * DOM element access utilities\n */\nexport function withDOMAccess<T extends ComponentInstance>(\n  instance: T,\n  callback: (element: Element) => void | (() => void)\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    if (primaryElement) {\n      return callback(primaryElement)\n    }\n  })\n}\n\n/**\n * Reactive asset utilities for components\n */\nexport function withReactiveAsset<T extends ComponentInstance>(\n  instance: T,\n  asset: any, // Asset type would be imported from assets system\n  updateCallback: (element: Element, value: string) => void\n): void {\n  withDOMAccess(instance, (element) => {\n    // This would integrate with the reactive asset system\n    // For now, providing interface for future implementation\n    if (typeof asset?.resolve === 'function') {\n      const resolvedValue = asset.resolve()\n      updateCallback(element, resolvedValue)\n    }\n  })\n}\n\n/**\n * Migration helper: Replace setTimeout workarounds with onDOMReady\n */\nexport function migrateFromSetTimeout(\n  instance: ComponentInstance,\n  legacyDOMSetup: () => void\n): void {\n  // Add deprecation warning\n  console.warn('⚠️ setTimeout workaround detected. Consider migrating to onDOMReady.')\n  \n  onDOMReady(instance, () => {\n    legacyDOMSetup()\n  })\n}\n\n/**\n * Focus management utilities\n */\nexport const FocusManager = {\n  /**\n   * Focus element when DOM is ready (replaces setTimeout focus hacks)\n   */\n  focusWhenReady(\n    instance: ComponentInstance,\n    selector?: string,\n    element?: Element\n  ): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      let targetElement: Element | null = null\n      \n      if (element) {\n        targetElement = element\n      } else if (selector) {\n        targetElement = primaryElement?.querySelector(selector) || null\n      } else {\n        targetElement = primaryElement || null\n      }\n      \n      if (targetElement instanceof HTMLElement && typeof targetElement.focus === 'function') {\n        // Use requestAnimationFrame instead of setTimeout for focus\n        requestAnimationFrame(() => {\n          try {\n            targetElement!.focus()\n          } catch (error) {\n            console.warn('Focus failed:', error)\n          }\n        })\n      }\n    })\n  },\n\n  /**\n   * Focus first focusable element in component\n   */\n  focusFirstFocusable(instance: ComponentInstance): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      if (primaryElement) {\n        const focusable = primaryElement.querySelector(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        ) as HTMLElement\n        \n        if (focusable) {\n          this.focusWhenReady(instance, undefined, focusable)\n        }\n      }\n    })\n  }\n}\n\n/**\n * Animation coordination utilities (replaces setTimeout animation hacks)\n */\nexport const AnimationManager = {\n  /**\n   * Coordinate animations with DOM readiness\n   */\n  animateWhenReady(\n    instance: ComponentInstance,\n    animations: {\n      element?: Element\n      selector?: string\n      setup: (element: Element) => void\n      animate: (element: Element) => void\n    }\n  ): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      let targetElement: Element | null = null\n      \n      if (animations.element) {\n        targetElement = animations.element\n      } else if (animations.selector) {\n        targetElement = primaryElement?.querySelector(animations.selector) || null\n      } else {\n        targetElement = primaryElement || null\n      }\n      \n      if (targetElement) {\n        // Setup initial state\n        animations.setup(targetElement)\n        \n        // Trigger animation on next frame\n        requestAnimationFrame(() => {\n          animations.animate(targetElement!)\n        })\n      }\n    })\n  },\n\n  /**\n   * Fade in animation (common pattern)\n   */\n  fadeIn(\n    instance: ComponentInstance,\n    element?: Element,\n    duration = 300\n  ): void {\n    this.animateWhenReady(instance, {\n      element,\n      setup: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.opacity = '0'\n        htmlEl.style.transition = `opacity ${duration}ms ease-out`\n      },\n      animate: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.opacity = '1'\n      }\n    })\n  },\n\n  /**\n   * Scale in animation (common for modals/alerts)\n   */\n  scaleIn(\n    instance: ComponentInstance,\n    element?: Element,\n    duration = 300\n  ): void {\n    this.animateWhenReady(instance, {\n      element,\n      setup: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.transform = 'scale(0.8)'\n        htmlEl.style.opacity = '0'\n        htmlEl.style.transition = `all ${duration}ms ease-out`\n      },\n      animate: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.transform = 'scale(1)'\n        htmlEl.style.opacity = '1'\n      }\n    })\n  }\n}\n\n/**\n * Outside click detection utility (replaces setTimeout blur workarounds)\n */\nexport function setupOutsideClickDetection(\n  instance: ComponentInstance,\n  callback: () => void,\n  selector?: string\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    const targetElement = selector \n      ? primaryElement?.querySelector(selector)\n      : primaryElement\n    \n    if (targetElement) {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (!targetElement.contains(event.target as Node)) {\n          callback()\n        }\n      }\n      \n      document.addEventListener('click', handleClickOutside)\n      \n      // Return cleanup function\n      onUnmount(instance, () => {\n        document.removeEventListener('click', handleClickOutside)\n      })\n    }\n  })\n}\n\n/**\n * Position calculation utility (replaces setTimeout positioning hacks)\n */\nexport function setupPositioning(\n  instance: ComponentInstance,\n  triggerSelector: string,\n  targetSelector: string,\n  calculatePosition: (trigger: Element, target: Element) => { x: number; y: number }\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    const trigger = primaryElement?.querySelector(triggerSelector)\n    const target = primaryElement?.querySelector(targetSelector)\n    \n    if (trigger && target) {\n      const position = calculatePosition(trigger, target)\n      const targetEl = target as HTMLElement\n      targetEl.style.left = `${position.x}px`\n      targetEl.style.top = `${position.y}px`\n    }\n  })\n}\n\n"],"names":["useLifecycle","instance","hooks","onMount","callback","onDOMReady","onUnmount","onError","onDOMError","withErrorBoundary","errorHandler","error","context","withDOMAccess","_elements","primaryElement","withReactiveAsset","asset","updateCallback","element","resolvedValue","migrateFromSetTimeout","legacyDOMSetup","FocusManager","selector","targetElement","focusable","AnimationManager","animations","duration","el","htmlEl","setupOutsideClickDetection","handleClickOutside","event","setupPositioning","triggerSelector","targetSelector","calculatePosition","trigger","target","position","targetEl"],"mappings":"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"}

package/dist/lifecycle/hooks.js

@@ -1,159 +0,0 @@
-function r(t, e) {
-  t._enhancedLifecycle = {
-    ...t._enhancedLifecycle,
-    ...e
-  };
-}
-function m(t, e) {
-  r(t, { onMount: e });
-}
-function i(t, e) {
-  r(t, { onDOMReady: e });
-}
-function y(t, e) {
-  r(t, { onUnmount: e });
-}
-function h(t, e) {
-  r(t, { onError: e });
-}
-function g(t, e) {
-  r(t, { onDOMError: e });
-}
-function M(t, e) {
-  return r(t, {
-    onError: (c) => e(c),
-    onDOMError: (c, o) => e(c, `DOM:${o}`)
-  }), t;
-}
-function d(t, e) {
-  i(t, (c, o) => {
-    if (o)
-      return e(o);
-  });
-}
-function p(t, e, c) {
-  d(t, (o) => {
-    if (typeof e?.resolve == "function") {
-      const n = e.resolve();
-      c(o, n);
-    }
-  });
-}
-function E(t, e) {
-  console.warn("⚠️ setTimeout workaround detected. Consider migrating to onDOMReady."), i(t, () => {
-    e();
-  });
-}
-const O = {
-  /**
-   * Focus element when DOM is ready (replaces setTimeout focus hacks)
-   */
-  focusWhenReady(t, e, c) {
-    i(t, (o, n) => {
-      let s = null;
-      c ? s = c : e ? s = n?.querySelector(e) || null : s = n || null, s instanceof HTMLElement && typeof s.focus == "function" && requestAnimationFrame(() => {
-        try {
-          s.focus();
-        } catch (l) {
-          console.warn("Focus failed:", l);
-        }
-      });
-    });
-  },
-  /**
-   * Focus first focusable element in component
-   */
-  focusFirstFocusable(t) {
-    i(t, (e, c) => {
-      if (c) {
-        const o = c.querySelector(
-          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-        );
-        o && this.focusWhenReady(t, void 0, o);
-      }
-    });
-  }
-}, D = {
-  /**
-   * Coordinate animations with DOM readiness
-   */
-  animateWhenReady(t, e) {
-    i(t, (c, o) => {
-      let n = null;
-      e.element ? n = e.element : e.selector ? n = o?.querySelector(e.selector) || null : n = o || null, n && (e.setup(n), requestAnimationFrame(() => {
-        e.animate(n);
-      }));
-    });
-  },
-  /**
-   * Fade in animation (common pattern)
-   */
-  fadeIn(t, e, c = 300) {
-    this.animateWhenReady(t, {
-      element: e,
-      setup: (o) => {
-        const n = o;
-        n.style.opacity = "0", n.style.transition = `opacity ${c}ms ease-out`;
-      },
-      animate: (o) => {
-        const n = o;
-        n.style.opacity = "1";
-      }
-    });
-  },
-  /**
-   * Scale in animation (common for modals/alerts)
-   */
-  scaleIn(t, e, c = 300) {
-    this.animateWhenReady(t, {
-      element: e,
-      setup: (o) => {
-        const n = o;
-        n.style.transform = "scale(0.8)", n.style.opacity = "0", n.style.transition = `all ${c}ms ease-out`;
-      },
-      animate: (o) => {
-        const n = o;
-        n.style.transform = "scale(1)", n.style.opacity = "1";
-      }
-    });
-  }
-};
-function R(t, e, c) {
-  i(t, (o, n) => {
-    const s = c ? n?.querySelector(c) : n;
-    if (s) {
-      const l = (u) => {
-        s.contains(u.target) || e();
-      };
-      document.addEventListener("click", l), y(t, () => {
-        document.removeEventListener("click", l);
-      });
-    }
-  });
-}
-function q(t, e, c, o) {
-  i(t, (n, s) => {
-    const l = s?.querySelector(e), u = s?.querySelector(c);
-    if (l && u) {
-      const a = o(l, u), f = u;
-      f.style.left = `${a.x}px`, f.style.top = `${a.y}px`;
-    }
-  });
-}
-export {
-  D as AnimationManager,
-  O as FocusManager,
-  E as migrateFromSetTimeout,
-  g as onDOMError,
-  i as onDOMReady,
-  h as onError,
-  m as onMount,
-  y as onUnmount,
-  R as setupOutsideClickDetection,
-  q as setupPositioning,
-  r as useLifecycle,
-  d as withDOMAccess,
-  M as withErrorBoundary,
-  p as withReactiveAsset
-};
-//# sourceMappingURL=hooks.js.map

package/dist/lifecycle/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sources":["../../src/lifecycle/hooks.ts"],"sourcesContent":["/**\n * Enhanced Lifecycle Hook Registration API (Phase 1)\n *\n * Provides convenient utilities for registering lifecycle hooks with DOM context,\n * error handling, and migration helpers for setTimeout workarounds.\n */\n\nimport type { ComponentInstance, ComponentProps, DOMError } from '../runtime/types'\n\n/**\n * Enhanced lifecycle hook registration using withLifecycle utility\n */\nexport function useLifecycle(\n  instance: ComponentInstance,\n  hooks: {\n    onMount?: () => void | (() => void)\n    onUnmount?: () => void\n    onError?: (error: Error) => void\n    onDOMReady?: (elements: Map<string, Element>, primary?: Element) => void | (() => void)\n    onDOMError?: (error: DOMError, context: string) => void\n  }\n): void {\n  // Store enhanced hooks in a custom property for now\n  ;(instance as any)._enhancedLifecycle = { \n    ...(instance as any)._enhancedLifecycle, \n    ...hooks \n  }\n}\n\n/**\n * Register onMount lifecycle hook\n */\nexport function onMount(\n  instance: ComponentInstance, \n  callback: () => void | (() => void)\n): void {\n  useLifecycle(instance, { onMount: callback })\n}\n\n/**\n * Register onDOMReady lifecycle hook with guaranteed DOM element access\n */\nexport function onDOMReady(\n  instance: ComponentInstance,\n  callback: (elements: Map<string, Element>, primary?: Element) => void | (() => void)\n): void {\n  useLifecycle(instance, { onDOMReady: callback })\n}\n\n/**\n * Register onUnmount lifecycle hook\n */\nexport function onUnmount(\n  instance: ComponentInstance, \n  callback: () => void\n): void {\n  useLifecycle(instance, { onUnmount: callback })\n}\n\n/**\n * Register error handling hooks\n */\nexport function onError(\n  instance: ComponentInstance,\n  callback: (error: Error) => void\n): void {\n  useLifecycle(instance, { onError: callback })\n}\n\n/**\n * Register DOM-specific error handling\n */\nexport function onDOMError(\n  instance: ComponentInstance,\n  callback: (error: DOMError, context: string) => void\n): void {\n  useLifecycle(instance, { onDOMError: callback })\n}\n\n/**\n * Error boundary wrapper for components\n */\nexport function withErrorBoundary<P extends ComponentProps>(\n  instance: ComponentInstance<P>,\n  errorHandler: (error: Error, context?: string) => void\n): ComponentInstance<P> {\n  useLifecycle(instance, {\n    onError: (error) => errorHandler(error),\n    onDOMError: (error, context) => errorHandler(error, `DOM:${context}`)\n  })\n  return instance\n}\n\n/**\n * DOM element access utilities\n */\nexport function withDOMAccess<T extends ComponentInstance>(\n  instance: T,\n  callback: (element: Element) => void | (() => void)\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    if (primaryElement) {\n      return callback(primaryElement)\n    }\n  })\n}\n\n/**\n * Reactive asset utilities for components\n */\nexport function withReactiveAsset<T extends ComponentInstance>(\n  instance: T,\n  asset: any, // Asset type would be imported from assets system\n  updateCallback: (element: Element, value: string) => void\n): void {\n  withDOMAccess(instance, (element) => {\n    // This would integrate with the reactive asset system\n    // For now, providing interface for future implementation\n    if (typeof asset?.resolve === 'function') {\n      const resolvedValue = asset.resolve()\n      updateCallback(element, resolvedValue)\n    }\n  })\n}\n\n/**\n * Migration helper: Replace setTimeout workarounds with onDOMReady\n */\nexport function migrateFromSetTimeout(\n  instance: ComponentInstance,\n  legacyDOMSetup: () => void\n): void {\n  // Add deprecation warning\n  console.warn('⚠️ setTimeout workaround detected. Consider migrating to onDOMReady.')\n  \n  onDOMReady(instance, () => {\n    legacyDOMSetup()\n  })\n}\n\n/**\n * Focus management utilities\n */\nexport const FocusManager = {\n  /**\n   * Focus element when DOM is ready (replaces setTimeout focus hacks)\n   */\n  focusWhenReady(\n    instance: ComponentInstance,\n    selector?: string,\n    element?: Element\n  ): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      let targetElement: Element | null = null\n      \n      if (element) {\n        targetElement = element\n      } else if (selector) {\n        targetElement = primaryElement?.querySelector(selector) || null\n      } else {\n        targetElement = primaryElement || null\n      }\n      \n      if (targetElement instanceof HTMLElement && typeof targetElement.focus === 'function') {\n        // Use requestAnimationFrame instead of setTimeout for focus\n        requestAnimationFrame(() => {\n          try {\n            targetElement!.focus()\n          } catch (error) {\n            console.warn('Focus failed:', error)\n          }\n        })\n      }\n    })\n  },\n\n  /**\n   * Focus first focusable element in component\n   */\n  focusFirstFocusable(instance: ComponentInstance): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      if (primaryElement) {\n        const focusable = primaryElement.querySelector(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        ) as HTMLElement\n        \n        if (focusable) {\n          this.focusWhenReady(instance, undefined, focusable)\n        }\n      }\n    })\n  }\n}\n\n/**\n * Animation coordination utilities (replaces setTimeout animation hacks)\n */\nexport const AnimationManager = {\n  /**\n   * Coordinate animations with DOM readiness\n   */\n  animateWhenReady(\n    instance: ComponentInstance,\n    animations: {\n      element?: Element\n      selector?: string\n      setup: (element: Element) => void\n      animate: (element: Element) => void\n    }\n  ): void {\n    onDOMReady(instance, (_elements, primaryElement) => {\n      let targetElement: Element | null = null\n      \n      if (animations.element) {\n        targetElement = animations.element\n      } else if (animations.selector) {\n        targetElement = primaryElement?.querySelector(animations.selector) || null\n      } else {\n        targetElement = primaryElement || null\n      }\n      \n      if (targetElement) {\n        // Setup initial state\n        animations.setup(targetElement)\n        \n        // Trigger animation on next frame\n        requestAnimationFrame(() => {\n          animations.animate(targetElement!)\n        })\n      }\n    })\n  },\n\n  /**\n   * Fade in animation (common pattern)\n   */\n  fadeIn(\n    instance: ComponentInstance,\n    element?: Element,\n    duration = 300\n  ): void {\n    this.animateWhenReady(instance, {\n      element,\n      setup: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.opacity = '0'\n        htmlEl.style.transition = `opacity ${duration}ms ease-out`\n      },\n      animate: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.opacity = '1'\n      }\n    })\n  },\n\n  /**\n   * Scale in animation (common for modals/alerts)\n   */\n  scaleIn(\n    instance: ComponentInstance,\n    element?: Element,\n    duration = 300\n  ): void {\n    this.animateWhenReady(instance, {\n      element,\n      setup: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.transform = 'scale(0.8)'\n        htmlEl.style.opacity = '0'\n        htmlEl.style.transition = `all ${duration}ms ease-out`\n      },\n      animate: (el) => {\n        const htmlEl = el as HTMLElement\n        htmlEl.style.transform = 'scale(1)'\n        htmlEl.style.opacity = '1'\n      }\n    })\n  }\n}\n\n/**\n * Outside click detection utility (replaces setTimeout blur workarounds)\n */\nexport function setupOutsideClickDetection(\n  instance: ComponentInstance,\n  callback: () => void,\n  selector?: string\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    const targetElement = selector \n      ? primaryElement?.querySelector(selector)\n      : primaryElement\n    \n    if (targetElement) {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (!targetElement.contains(event.target as Node)) {\n          callback()\n        }\n      }\n      \n      document.addEventListener('click', handleClickOutside)\n      \n      // Return cleanup function\n      onUnmount(instance, () => {\n        document.removeEventListener('click', handleClickOutside)\n      })\n    }\n  })\n}\n\n/**\n * Position calculation utility (replaces setTimeout positioning hacks)\n */\nexport function setupPositioning(\n  instance: ComponentInstance,\n  triggerSelector: string,\n  targetSelector: string,\n  calculatePosition: (trigger: Element, target: Element) => { x: number; y: number }\n): void {\n  onDOMReady(instance, (_elements, primaryElement) => {\n    const trigger = primaryElement?.querySelector(triggerSelector)\n    const target = primaryElement?.querySelector(targetSelector)\n    \n    if (trigger && target) {\n      const position = calculatePosition(trigger, target)\n      const targetEl = target as HTMLElement\n      targetEl.style.left = `${position.x}px`\n      targetEl.style.top = `${position.y}px`\n    }\n  })\n}\n\n"],"names":["useLifecycle","instance","hooks","onMount","callback","onDOMReady","onUnmount","onError","onDOMError","withErrorBoundary","errorHandler","error","context","withDOMAccess","_elements","primaryElement","withReactiveAsset","asset","updateCallback","element","resolvedValue","migrateFromSetTimeout","legacyDOMSetup","FocusManager","selector","targetElement","focusable","AnimationManager","animations","duration","el","htmlEl","setupOutsideClickDetection","handleClickOutside","event","setupPositioning","triggerSelector","targetSelector","calculatePosition","trigger","target","position","targetEl"],"mappings":"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"}

package/dist/minimal-prod.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./reactive/signal.cjs"),g=require("./reactive/computed.cjs"),s=require("./reactive/effect.cjs"),S=require("./reactive/cleanup.cjs"),t=require("./reactive/context.cjs"),r=require("./runtime/dom-bridge.cjs"),i=require("./runtime/component.cjs"),o=require("./runtime/props.cjs"),p=require("./components/Text.cjs"),f=require("./components/Button.cjs"),u=require("./components/Image.cjs"),C=require("./components/BasicInput.cjs"),I=require("./components/Spacer.cjs"),h=require("./components/Show.cjs"),M=require("./components/wrapper.cjs"),d=require("./modifiers/core.cjs"),n=require("./modifiers/padding.cjs"),a=require("./modifiers/margin.cjs"),c=require("./modifiers/size.cjs"),e=require("./modifiers/typography.cjs"),w=require("./modifiers/background.cjs"),y=require("./state/state.cjs"),q=require("./state/binding.cjs"),m=require("./assets/index.cjs"),x=require("./gradients/index.cjs"),E=require("./components/Divider.cjs"),A=require("./components/ScrollView.cjs"),B=require("./constants/layout.cjs");require("./reactive/unified-scheduler.cjs");require("./reactive/scheduler.cjs");require("./reactive/theme.cjs");const T=require("./assets/Asset.cjs"),R=require("./assets/ColorAsset.cjs"),F=require("./assets/ImageAsset.cjs"),v=require("./assets/FontAsset.cjs");exports.createSignal=l.createSignal;exports.flushSync=l.flushSync;exports.getSignalImpl=l.getSignalImpl;exports.isSignal=l.isSignal;exports.createComputed=g.createComputed;exports.createConditionalComputed=g.createConditionalComputed;exports.createDerivedSignal=g.createDerivedSignal;exports.createMemo=g.createMemo;exports.getComputedImpl=g.getComputedImpl;exports.isComputed=g.isComputed;exports.createEffect=s.createEffect;exports.createOnceEffect=s.createOnceEffect;exports.createRenderEffect=s.createRenderEffect;exports.createSyncEffect=s.createSyncEffect;exports.disposeEffect=s.disposeEffect;exports.getEffectInfo=s.getEffectInfo;exports.isEffectDisposed=s.isEffectDisposed;exports.createCleanupGroup=S.createCleanupGroup;exports.dispose=S.dispose;exports.onCleanup=S.onCleanup;exports.ComputationImpl=t.ComputationImpl;exports.DEBUG=t.DEBUG;exports.batch=t.batch;exports.createComputation=t.createComputation;exports.createRoot=t.createRoot;exports.getCurrentComputation=t.getCurrentComputation;exports.getCurrentOwner=t.getCurrentOwner;exports.getOwner=t.getOwner;exports.getReactiveContext=t.getReactiveContext;exports.isBatchingUpdates=t.isBatchingUpdates;exports.runWithOwner=t.runWithOwner;exports.setFlushFunction=t.setFlushFunction;exports.untrack=t.untrack;exports.DOMBridgeDebug=r.DOMBridgeDebug;exports.getComponentFromElement=r.getComponentFromElement;exports.mountComponentChildren=r.mountComponentChildren;exports.mountComponentTree=r.mountComponentTree;exports.mountRoot=r.mountRoot;exports.registerComponentWithLifecycleHooks=r.registerComponentWithLifecycleHooks;exports.unmountComponent=r.unmountComponent;exports.unmountComponentEnhanced=r.unmountComponentEnhanced;exports.updateComponent=r.updateComponent;exports.ComponentManager=i.ComponentManager;exports.createAdvancedComponent=i.createAdvancedComponent;exports.createComponent=i.createComponent;exports.createErrorBoundary=i.createErrorBoundary;exports.createFragment=i.createFragment;exports.createReactiveComponent=i.createReactiveComponent;exports.createRef=i.createRef;exports.forwardRef=i.forwardRef;exports.withLifecycle=i.withLifecycle;exports.ChildrenManager=o.ChildrenManager;exports.PropsManager=o.PropsManager;exports.RefManager=o.RefManager;exports.createChildrenManager=o.createChildrenManager;exports.createPropsManager=o.createPropsManager;exports.createRefManager=o.createRefManager;exports.defaultChildrenRenderer=o.defaultChildrenRenderer;exports.propsUtils=o.propsUtils;exports.EnhancedText=p.EnhancedText;exports.Text=p.Text;exports.TextFormat=p.TextFormat;exports.TextStyles=p.TextStyles;exports.Typography=p.Typography;exports.Button=f.Button;exports.ButtonStyles=f.ButtonStyles;exports.EnhancedButton=f.EnhancedButton;exports.defaultButtonTheme=f.defaultButtonTheme;exports.EnhancedImage=u.EnhancedImage;exports.Image=u.Image;exports.ImageContentModes=u.ImageContentModes;exports.ImageStates=u.ImageStates;exports.ImageUtils=u.ImageUtils;exports.BasicInput=C.BasicInput;exports.BasicInputComponent=C.BasicInputComponent;exports.BasicInputStyles=C.BasicInputStyles;exports.BasicInputUtils=C.BasicInputUtils;exports.Spacer=I.Spacer;exports.SpacerComponent=I.SpacerComponent;exports.Show=h.Show;exports.ShowComponent=h.ShowComponent;exports.Unless=h.Unless;exports.When=h.When;exports.HStack=M.HStack;exports.VStack=M.VStack;exports.ZStack=M.ZStack;exports.animationModifiers=d.animationModifiers;exports.appearanceModifiers=d.appearanceModifiers;exports.coreModifiers=d.coreModifiers;exports.interactionModifiers=d.interactionModifiers;exports.layoutModifiers=d.layoutModifiers;exports.lifecycleModifiers=d.lifecycleModifiers;exports.presetModifiers=d.presetModifiers;exports.PaddingModifier=n.PaddingModifier;exports.padding=n.padding;exports.paddingBottom=n.paddingBottom;exports.paddingHorizontal=n.paddingHorizontal;exports.paddingLeading=n.paddingLeading;exports.paddingLeft=n.paddingLeft;exports.paddingPresets=n.paddingPresets;exports.paddingRight=n.paddingRight;exports.paddingTop=n.paddingTop;exports.paddingTrailing=n.paddingTrailing;exports.paddingVertical=n.paddingVertical;exports.MarginModifier=a.MarginModifier;exports.margin=a.margin;exports.marginBottom=a.marginBottom;exports.marginHorizontal=a.marginHorizontal;exports.marginLeft=a.marginLeft;exports.marginRight=a.marginRight;exports.marginTop=a.marginTop;exports.marginVertical=a.marginVertical;exports.SizeModifier=c.SizeModifier;exports.height=c.height;exports.maxHeight=c.maxHeight;exports.maxWidth=c.maxWidth;exports.minHeight=c.minHeight;exports.minWidth=c.minWidth;exports.size=c.size;exports.width=c.width;exports.TypographyModifier=e.TypographyModifier;exports.fontFamily=e.fontFamily;exports.fontSize=e.fontSize;exports.fontWeight=e.fontWeight;exports.letterSpacing=e.letterSpacing;exports.lineHeight=e.lineHeight;exports.overflow=e.overflow;exports.textAlign=e.textAlign;exports.textCase=e.textCase;exports.textDecoration=e.textDecoration;exports.textOverflow=e.textOverflow;exports.textTransform=e.textTransform;exports.typography=e.typography;exports.whiteSpace=e.whiteSpace;exports.BackgroundModifier=w.BackgroundModifier;exports.State=y.State;exports.isState=y.isState;exports.unwrapValue=y.unwrapValue;exports.createBinding=q.createBinding;exports.isBinding=q.isBinding;exports.Assets=m.Assets;exports.createColorAsset=m.createColorAsset;exports.createFontAsset=m.createFontAsset;exports.createImageAsset=m.createImageAsset;exports.registerAsset=m.registerAsset;exports.LinearGradient=x.LinearGradient;exports.Divider=E.Divider;exports.ScrollView=A.ScrollView;exports.SUI=B.SUI;exports.infinity=B.infinity;exports.isInfinity=B.isInfinity;exports.Asset=T.Asset;exports.ColorAsset=R.ColorAsset;exports.ImageAsset=F.ImageAsset;exports.FontAsset=v.FontAsset;
-//# sourceMappingURL=minimal-prod.cjs.map

package/dist/minimal-prod.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-prod.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/minimal-prod.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-prod.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}