@tachui/core 0.8.0-alpha → 0.8.5-alpha

package/dist/components/wrapper.d.ts

@@ -4,10 +4,10 @@
  * Provides wrapper functions to enhance regular components with modifier support
  * and integrate them with the TachUI modifier system.
  */
-import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
-import type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types';
+import type { ModifiableComponent, ModifierBuilder, ModifiableComponentWithModifiers } from '../modifiers/types';
+import type { ComponentInstance, ComponentProps, DOMNode, CloneableComponent, CloneOptions } from '../runtime/types';
 import { type ElementOverrideProps } from '../runtime/element-override';
-import { type CSSClassesProps } from '../css-classes';
+import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
 import type { Concatenatable } from '../concatenation/types';
 /**
  * Wrapper options for enhancing components
@@ -18,18 +18,69 @@ export interface WrapperOptions {
     enableErrorBoundary?: boolean;
     enablePerformanceTracking?: boolean;
 }
+export interface BaseLayoutProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {
+    id?: string;
+    debugLabel?: string;
+    children?: ComponentInstance[];
+}
+export interface VStackLayoutProps extends BaseLayoutProps {
+    spacing?: number;
+    alignment?: 'leading' | 'center' | 'trailing';
+}
+export interface HStackLayoutProps extends BaseLayoutProps {
+    spacing?: number;
+    alignment?: 'top' | 'center' | 'bottom' | 'leading' | 'trailing' | 'left' | 'right';
+}
+export interface ZStackLayoutProps extends BaseLayoutProps {
+    alignment?: 'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing';
+}
 /**
  * Enhanced component wrapper that adds modifier support and preserves concatenation methods
  */
-export declare function withModifiers<P extends ComponentProps>(component: ComponentInstance<P>): ModifiableComponent<P> & {
-    modifier: ModifierBuilder<ModifiableComponent<P>>;
-} & (ComponentInstance<P> extends Concatenatable ? Concatenatable : {});
+export declare function withModifiers<P extends ComponentProps>(component: ComponentInstance<P>): ModifiableComponentWithModifiers<P> & (ComponentInstance<P> extends Concatenatable ? Concatenatable : {});
 /**
  * Create a reactive component wrapper with full TachUI features
  */
-export declare function createReactiveWrapper<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[], options?: WrapperOptions): (props: P) => ModifiableComponent<P> & {
-    modifier: ModifierBuilder<ModifiableComponent<P>>;
-};
+export declare function createReactiveWrapper<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[], options?: WrapperOptions): (props: P) => ModifiableComponentWithModifiers<P>;
+/**
+ * Layout container component class with element override support
+ */
+export declare class LayoutComponent extends ComponentWithCSSClasses implements CloneableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> {
+    props: ComponentProps & ElementOverrideProps & CSSClassesProps;
+    private layoutType;
+    children: ComponentInstance[];
+    private layoutProps;
+    readonly type: "component";
+    readonly id: string;
+    mounted: boolean;
+    cleanup: (() => void)[];
+    private effectiveTag;
+    private validationResult;
+    constructor(props: ComponentProps & ElementOverrideProps & CSSClassesProps, layoutType: 'vstack' | 'hstack' | 'zstack', children?: ComponentInstance[], layoutProps?: any);
+    /**
+     * Find DOM elements for a specific child component within the layout container
+     */
+    private findChildDOMElements;
+    render(): {
+        type: "element";
+        tag: string;
+        props: any;
+        children: DOMNode[];
+        componentMetadata: {
+            originalType: string;
+            overriddenTo: string | undefined;
+            validationResult: any;
+        };
+    }[] | {
+        type: "element";
+        tag: string;
+        props: {};
+        children: never[];
+    }[];
+    clone(options?: CloneOptions): this;
+    shallowClone(): this;
+    deepClone(): this;
+}
 /**
  * Layout container components with modifier support
  */
@@ -37,30 +88,19 @@ export declare const Layout: {
     /**
      * Vertical stack container (flexbox column)
      */
-    VStack: (props?: {
-        children?: ComponentInstance[];
-        spacing?: number;
-        alignment?: "leading" | "center" | "trailing";
-    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    VStack: (props?: VStackLayoutProps) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>> & {
         modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
     };
     /**
      * Horizontal stack container (flexbox row)
      */
-    HStack: (props?: {
-        children?: ComponentInstance[];
-        spacing?: number;
-        alignment?: "top" | "center" | "bottom";
-    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    HStack: (props?: HStackLayoutProps) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>> & {
         modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
     };
     /**
      * Z-index stack container (absolute positioning)
      */
-    ZStack: (props?: {
-        children?: ComponentInstance[];
-        alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing";
-    }) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & {
+    ZStack: (props?: ZStackLayoutProps) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>> & {
         modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
     };
 };
@@ -77,16 +117,16 @@ export declare function withModifierSupport<P extends ComponentProps>(ComponentC
     new (props: P): {
         _modifiableComponent?: ModifiableComponent<P>;
         get modifier(): ModifierBuilder<ModifiableComponent<P>>;
-        get modifiers(): import("..").Modifier<{}>[];
+        get modifiers(): any;
         type: "component";
-        render: import("..").RenderFunction;
+        render: import("packages/types/dist/runtime").RenderFunction;
         props: P;
         prevProps?: P | undefined;
-        children?: import("..").ComponentChildren;
-        context?: import("..").ComponentContext;
-        cleanup?: import("../runtime/types").LifecycleCleanup[];
+        children?: import("packages/types/dist/runtime").ComponentChildren;
+        context?: import("packages/types/dist/runtime").ComponentContext;
+        cleanup?: import("packages/types/dist/runtime").LifecycleCleanup[];
         id: string;
-        ref?: import("..").Ref | undefined;
+        ref?: import("packages/types/dist/runtime").Ref | undefined;
         mounted?: boolean;
         domElements?: Map<string, Element>;
         primaryElement?: Element;
@@ -96,7 +136,7 @@ export declare function withModifierSupport<P extends ComponentProps>(ComponentC
 /**
  * Factory function for creating modifiable components
  */
-export declare function createModifiableComponentFactory<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[]): (props: P) => ModifiableComponent<P> & {
+export declare function createModifiableComponentFactory<P extends ComponentProps>(renderFn: (props: P) => DOMNode | DOMNode[]): (props: P) => ModifiableComponent<P> & ModifierBuilder<ModifiableComponent<P>> & {
     modifier: ModifierBuilder<ModifiableComponent<P>>;
 };
 //# sourceMappingURL=wrapper.d.ts.map

package/dist/components/wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"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"}