@tachui/core 0.7.1-alpha → 0.8.1-alpha

package/README.md

@@ -24,9 +24,9 @@ tachUI core provides a SwiftUI-inspired declarative framework for building web a
 ### Installation
 
 ```bash
-npm install @tachui/core
+npm install @tachui/core@0.8.1-alpha
 # or
-pnpm add @tachui/core
+pnpm add @tachui/core@0.8.1-alpha
 ```
 
 ### Basic Example
@@ -164,6 +164,24 @@ tachUI's architecture provides:
 - **Memory-safe cleanup** - WeakMap-based automatic cleanup
 - **Sub-millisecond updates** - Direct DOM manipulation
 
+### Concatenation Optimization (New in 0.8.1-alpha)
+
+Revolutionary bundle size reduction for component concatenation patterns:
+
+```typescript
+// Before: Uses full 87.76KB concatenation runtime
+Text('Hello').build().concat(Text('World').build())
+
+// After: Smart optimization with 94.9% bundle reduction
+// • Static patterns: 0KB runtime (compile-time concatenation)
+// • Dynamic patterns: 1.2-1.9KB selective runtime based on accessibility needs
+```
+
+- **Automatic Detection**: TypeScript AST analysis finds `.build().concat()` patterns
+- **Smart Runtime Selection**: Minimal (1.18KB), ARIA (1.42KB), or Full (1.93KB) based on component needs
+- **CLI Integration**: Use `tachui analyze --concatenation` for optimization insights
+- **Production Ready**: 27 tests passing, handles 250+ files in <500ms
+
 ## Plugin Ecosystem
 
 Extend tachUI with additional packages:

package/dist/bundles/assets.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @fileoverview TachUI Assets Bundle
+ *
+ * Dedicated entry point for asset-related functions (fonts, colors, images, gradients).
+ * Enables tree-shaking for applications that only need asset functionality.
+ */
+export { Assets, Asset, ColorAsset, ImageAsset, FontAsset, registerAsset, createColorAsset, createImageAsset, createFontAsset, createGoogleFont, createVariableFont, getAssetInfo, listAssetNames, type FontAssetOptions, type FontWeightValue, type FontWidthValue, type AssetInfo, type AssetsInterface, } from '../assets';
+export { LinearGradient, RadialGradient, StateGradient } from '../gradients';
+/**
+ * Assets Bundle Metadata
+ */
+export declare const BUNDLE_INFO: {
+    readonly name: "@tachui/core/assets";
+    readonly version: "0.1.0";
+    readonly description: "Dedicated assets bundle for fonts, colors, images, and gradients";
+    readonly targetSize: "~15KB";
+    readonly useCase: "Asset-heavy applications, theming systems, design systems";
+};
+//# sourceMappingURL=assets.d.ts.map

package/dist/bundles/assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/bundles/assets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5E;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;CAOd,CAAA"}

package/dist/bundles/common.d.ts

@@ -14,7 +14,7 @@ export declare const BUNDLE_INFO: {
     readonly version: "0.1.0";
     readonly description: "Common TachUI bundle for typical web applications";
     readonly targetSize: "~115KB";
-    readonly recommendedComponents: readonly ["Text", "Button", "Image", "HStack", "VStack", "Spacer", "Show", "BasicForm", "BasicInput", "Toggle", "Picker", "Link", "List", "ScrollView", "Section", "Divider"];
+    readonly recommendedComponents: readonly ["Text", "Button", "Image", "HStack", "VStack", "Spacer", "Show", "BasicForm", "BasicInput", "Toggle", "Picker", "Link", "List", "Section", "Divider"];
     readonly useCase: "Typical web applications, forms, navigation, lists";
     readonly treeShakingHints: {
         readonly include: readonly ["reactive", "runtime", "components/basic", "components/forms", "modifiers/common"];

package/dist/bundles/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/bundles/common.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAA;AAE3B;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;CAed,CAAA"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/bundles/common.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAA;AAE3B;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;CAiCd,CAAA"}

package/dist/bundles/context.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @fileoverview TachUI Context Bundle
+ *
+ * Dedicated entry point for context and component lifecycle functions.
+ * Enables tree-shaking for applications that need context/environment management.
+ */
+export { EnvironmentObject, createEnvironmentKey, provideEnvironmentObject, } from '../state/environment';
+export { withComponentContext, getCurrentComponentContext, createComponentContext, setCurrentComponentContext, } from '../runtime/component-context';
+export { batch, createRoot, getOwner, getReactiveContext, runWithOwner, untrack, } from '../reactive/context';
+export { createDetachedRoot, getOwnerChain, getRootOwner, isReactiveContext, runOutsideReactiveContext, } from '../reactive/ownership';
+export { mountRoot } from '../runtime/dom-bridge';
+/**
+ * Context Bundle Metadata
+ */
+export declare const BUNDLE_INFO: {
+    readonly name: "@tachui/core/context";
+    readonly version: "0.1.0";
+    readonly description: "Dedicated context bundle for environment and component lifecycle management";
+    readonly targetSize: "~10KB";
+    readonly useCase: "Applications with complex state management and component hierarchies";
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/bundles/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/bundles/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,OAAO,GACR,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;CAQd,CAAA"}

package/dist/bundles/minimal.d.ts

@@ -9,29 +9,19 @@ export * from '../reactive/computed';
 export * from '../reactive/effect';
 export { onCleanup, dispose, createCleanupGroup } from '../reactive/cleanup';
 export * from '../reactive/context';
+export { setTheme, detectSystemTheme, getCurrentTheme } from '../reactive/theme';
 export * from '../runtime/dom-bridge';
 export * from '../runtime/component';
 export * from '../runtime/props';
-export * from '../components/Text';
-export * from '../components/Button';
-export * from '../components/Image';
-export * from '../components/BasicInput';
-export * from '../components/Spacer';
-export * from '../components/Show';
-export { HStack, VStack, ZStack } from '../components/wrapper';
+export { EnvironmentObject, createEnvironmentKey, provideEnvironmentObject, } from '../state/environment';
+export { withComponentContext, getCurrentComponentContext, createComponentContext, setCurrentComponentContext, } from '../runtime/component-context';
 export * from '../modifiers/core';
-export * from '../modifiers/padding';
-export * from '../modifiers/margin';
-export * from '../modifiers/size';
-export * from '../modifiers/typography';
-export * from '../modifiers/background';
-export { initializeResponsiveSystem, configureBreakpoints, } from '../modifiers/responsive';
 export { State, isState, unwrapValue } from '../state/state';
 export { createBinding, isBinding } from '../state/binding';
-export { Assets, Asset, ColorAsset, ImageAsset, FontAsset, registerAsset, createColorAsset, createImageAsset, createFontAsset, } from '../assets';
-export { infinity, SUI, isInfinity } from '../constants';
-export { LinearGradient } from '../gradients';
-export { enableDebug, disableDebug, debugManager, isDebugEnabled, } from '../debug';
+export { ObservableObjectBase } from '../state/observed-object';
+export { Assets, Asset, ColorAsset, ImageAsset, FontAsset, registerAsset, createColorAsset, createImageAsset, createFontAsset, createGoogleFont, } from '../assets';
+export { infinity, Layout, isInfinity } from '../constants';
+export { LinearGradient, StateGradient } from '../gradients';
 /**
  * Minimal Bundle Metadata
  */
@@ -40,7 +30,7 @@ export declare const BUNDLE_INFO: {
     readonly version: "0.1.0";
     readonly description: "Minimal TachUI bundle for calculator-style apps and landing pages";
     readonly targetSize: "~60KB";
-    readonly recommendedComponents: readonly ["Text", "Button", "Image", "HStack", "VStack", "Spacer", "Show"];
+    readonly recommendedComponents: readonly ["Text", "Button", "HStack", "VStack"];
     readonly useCase: "Calculator-style apps, landing pages, simple UIs";
     readonly treeShakingHints: {
         readonly include: readonly ["reactive", "runtime", "components/basic", "modifiers/basic"];

package/dist/bundles/minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/bundles/minimal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,cAAc,qBAAqB,CAAA;AAGnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAG9D,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AAGvC,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,MAAM,UAAU,CAAA;AAEjB;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;CAyBd,CAAA"}
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/bundles/minimal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,cAAc,qBAAqB,CAAA;AAGnC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGhF,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAGhC,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,8BAA8B,CAAA;AAOrC,cAAc,mBAAmB,CAAA;AAQjC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAG/D,OAAO,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAEf,gBAAgB,GACjB,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAI5D;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;CAiBd,CAAA"}

package/dist/bundles/production-minimal.d.ts

@@ -12,24 +12,10 @@ export * from '../reactive/context';
 export * from '../runtime/dom-bridge';
 export * from '../runtime/component';
 export * from '../runtime/props';
-export * from '../components/Text';
-export * from '../components/Button';
-export * from '../components/Image';
-export * from '../components/BasicInput';
-export * from '../components/Spacer';
-export * from '../components/Show';
-export { HStack, VStack, ZStack } from '../components/wrapper';
 export * from '../modifiers/core';
-export * from '../modifiers/padding';
-export * from '../modifiers/margin';
-export * from '../modifiers/size';
-export * from '../modifiers/typography';
-export * from '../modifiers/background';
 export { State, isState, unwrapValue } from '../state/state';
 export { createBinding, isBinding } from '../state/binding';
-export { Assets, Asset, ColorAsset, ImageAsset, FontAsset, registerAsset, createColorAsset, createImageAsset, createFontAsset, type AssetsInterface } from '../assets';
+export { Assets, Asset, ColorAsset, ImageAsset, FontAsset, registerAsset, createColorAsset, createImageAsset, createFontAsset, type AssetsInterface, } from '../assets';
 export { LinearGradient } from '../gradients';
-export { Divider } from '../components/Divider';
-export { ScrollView } from '../components/ScrollView';
-export { infinity, SUI, isInfinity, type Dimension, type InfinityValue } from '../constants';
+export { infinity, Layout, isInfinity, type Dimension, type InfinityValue, } from '../constants';
 //# sourceMappingURL=production-minimal.d.ts.map

package/dist/bundles/production-minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"production-minimal.d.ts","sourceRoot":"","sources":["../../src/bundles/production-minimal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,cAAc,qBAAqB,CAAA;AAGnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAG9D,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AAGvC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"production-minimal.d.ts","sourceRoot":"","sources":["../../src/bundles/production-minimal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,cAAc,qBAAqB,CAAA;AAGnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAMhC,cAAc,mBAAmB,CAAA;AAGjC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,GACrB,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAO7C,OAAO,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,SAAS,EACd,KAAK,aAAa,GACnB,MAAM,cAAc,CAAA"}