@tachui/primitives 0.8.0-alpha

package/dist/layout/Stack.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Layout Stack Components
+ *
+ * SwiftUI-inspired VStack, HStack, and ZStack components with modifier support
+ */
+import type { ComponentInstance, ComponentProps, DOMNode } from '@tachui/core';
+import type { ModifiableComponent, ModifierBuilder } from '@tachui/core';
+import { ComponentWithCSSClasses, type CSSClassesProps } from '@tachui/core';
+import { type ElementOverrideProps } from '@tachui/core';
+/**
+ * VStack component props
+ */
+export interface VStackProps {
+    children?: ComponentInstance[];
+    spacing?: number;
+    alignment?: 'leading' | 'center' | 'trailing';
+    debugLabel?: string;
+    element?: string;
+}
+/**
+ * HStack component props
+ */
+export interface HStackProps {
+    children?: ComponentInstance[];
+    spacing?: number;
+    alignment?: 'top' | 'center' | 'bottom';
+    debugLabel?: string;
+    element?: string;
+}
+/**
+ * ZStack component props
+ */
+export interface ZStackProps {
+    children?: ComponentInstance[];
+    alignment?: 'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing';
+    element?: string;
+}
+/**
+ * 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 any ? any : {});
+/**
+ * Layout container component class with element override support
+ */
+export declare class LayoutComponent extends ComponentWithCSSClasses implements ComponentInstance<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;
+    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(): DOMNode[];
+    /**
+     * Cleanup resources
+     */
+    dispose(): void;
+}
+/**
+ * SwiftUI-aligned direct exports for layout components
+ */
+export declare function VStack(props?: VStackProps): any;
+export declare function HStack(props?: HStackProps): any;
+export declare function ZStack(props?: ZStackProps): any;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/layout/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layout/Stack.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,uBAAuB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC5E,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAIhF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EACN,YAAY,GACZ,KAAK,GACL,aAAa,GACb,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,QAAQ,GACR,gBAAgB,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAcD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC9B,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAC1B,QAAQ,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAwBhD;AAED;;GAEG;AACH,qBAAa,eACX,SAAQ,uBACR,YACE,iBAAiB,CAAC,cAAc,GAAG,oBAAoB,GAAG,eAAe,CAAC;IASnE,KAAK,EAAE,cAAc,GAAG,oBAAoB,GAAG,eAAe;IACrE,OAAO,CAAC,UAAU;IACX,QAAQ,EAAE,iBAAiB,EAAE;IACpC,OAAO,CAAC,WAAW;IAVrB,SAAgB,IAAI,EAAG,WAAW,CAAS;IAC3C,SAAgB,EAAE,EAAE,MAAM,CAAA;IACnB,OAAO,UAAQ;IACf,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAK;IACnC,OAAO,CAAC,YAAY,CAAQ;gBAGnB,KAAK,EAAE,cAAc,GAAG,oBAAoB,GAAG,eAAe,EAC7D,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAC3C,QAAQ,GAAE,iBAAiB,EAAO,EACjC,WAAW,GAAE,GAAQ;IA0G/B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgD5B,MAAM,IAAI,OAAO,EAAE;IAwMnB;;OAEG;IACH,OAAO,IAAI,IAAI;CAiBhB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,GAAE,WAAgB,OAU7C;AAED,wBAAgB,MAAM,CAAC,KAAK,GAAE,WAAgB,OAU7C;AAED,wBAAgB,MAAM,CAAC,KAAK,GAAE,WAAgB,OAM7C"}

package/dist/layout/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Layout Components
+ */
+export { VStack, HStack, ZStack, withModifiers, LayoutComponent, type VStackProps, type HStackProps, type ZStackProps, } from './Stack';
+export { Spacer, SpacerComponent, type SpacerProps } from './Spacer';
+export { Divider, DividerComponent, DividerUtils, DividerStyles, defaultDividerTheme, type DividerProps, type DividerTheme, } from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA"}

package/dist/layout/index.js

@@ -0,0 +1,15 @@
+import { D as s, b as i, d as t, c as o, H as r, L as d, S, a as c, V as n, Z as p, e as D, w as m } from "../Divider-DWgDKavU.js";
+export {
+  s as Divider,
+  i as DividerComponent,
+  t as DividerStyles,
+  o as DividerUtils,
+  r as HStack,
+  d as LayoutComponent,
+  S as Spacer,
+  c as SpacerComponent,
+  n as VStack,
+  p as ZStack,
+  D as defaultDividerTheme,
+  m as withModifiers
+};

package/dist/validation.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Primitive Components Validation
+ *
+ * Component validation for primitive components (Text, Button, Image, Toggle, Layout).
+ * Co-located with the components they validate for better maintainability.
+ *
+ * Moved from @tachui/core for proper architectural separation.
+ */
+/**
+ * Enhanced validation error class for primitives
+ */
+export declare class TachUIValidationError extends Error {
+    context: {
+        component: string;
+        property?: string;
+        suggestion?: string;
+        documentation?: string;
+        example?: {
+            wrong: string;
+            correct: string;
+        };
+        package?: string;
+    };
+    constructor(message: string, context: {
+        component: string;
+        property?: string;
+        suggestion?: string;
+        documentation?: string;
+        example?: {
+            wrong: string;
+            correct: string;
+        };
+        package?: string;
+    });
+    getFormattedMessage(): string;
+}
+/**
+ * Validation configuration for primitives
+ */
+interface ValidationConfig {
+    enabled: boolean;
+    errorLevel: 'off' | 'warn' | 'error';
+}
+declare function isValidationEnabled(): boolean;
+/**
+ * Primitive component validation rules
+ */
+export declare const PrimitiveComponentValidation: {
+    validateText(args: unknown[]): void;
+    validateButton(args: unknown[]): void;
+    validateImage(args: unknown[]): void;
+    validateToggle(args: unknown[]): void;
+    validatePicker(args: unknown[]): void;
+    validateStack(componentType: string, args: unknown[]): void;
+    validateLink(args: unknown[]): void;
+    validateBasicForm(args: unknown[]): void;
+    validateBasicInput(args: unknown[]): void;
+};
+/**
+ * Component validation wrapper
+ */
+export declare function withComponentValidation<T extends (...args: any[]) => any>(component: T, _componentName: string, validator: (args: unknown[]) => void): T;
+/**
+ * Configure validation for primitives
+ */
+export declare function configurePrimitivesValidation(config: Partial<ValidationConfig>): void;
+/**
+ * Get current validation configuration
+ */
+export declare function getPrimitivesValidationConfig(): ValidationConfig;
+/**
+ * Validation utilities for primitives
+ */
+export declare const PrimitivesValidationUtils: {
+    validateText: (args: unknown[]) => void;
+    validateButton: (args: unknown[]) => void;
+    validateImage: (args: unknown[]) => void;
+    validateToggle: (args: unknown[]) => void;
+    validatePicker: (args: unknown[]) => void;
+    validateStack: (componentType: string, args: unknown[]) => void;
+    validateLink: (args: unknown[]) => void;
+    validateBasicForm: (args: unknown[]) => void;
+    validateBasicInput: (args: unknown[]) => void;
+    configure: typeof configurePrimitivesValidation;
+    getConfig: typeof getPrimitivesValidationConfig;
+    isValidationEnabled: typeof isValidationEnabled;
+    withComponentValidation: typeof withComponentValidation;
+    test: () => void;
+};
+export {};
+//# sourceMappingURL=validation.d.ts.map

package/dist/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../src/validation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK;IAGrC,OAAO,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB;gBAXD,OAAO,EAAE,MAAM,EACR,OAAO,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB;IAMH,mBAAmB,IAAI,MAAM;CA2B9B;AAED;;GAEG;AACH,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;CACrC;AAOD,iBAAS,mBAAmB,IAAI,OAAO,CAEtC;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;uBAEpB,OAAO,EAAE,GAAG,IAAI;yBAuDd,OAAO,EAAE,GAAG,IAAI;wBA+DjB,OAAO,EAAE,GAAG,IAAI;yBA4Cf,OAAO,EAAE,GAAG,IAAI;yBA4ChB,OAAO,EAAE,GAAG,IAAI;iCAwDR,MAAM,QAAQ,OAAO,EAAE,GAAG,IAAI;uBAkDxC,OAAO,EAAE,GAAG,IAAI;4BA6CX,OAAO,EAAE,GAAG,IAAI;6BAiCf,OAAO,EAAE,GAAG,IAAI;CAkC1C,CAAA;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACvE,SAAS,EAAE,CAAC,EACZ,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GACnC,CAAC,CAQH;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAChC,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,gBAAgB,CAEhE;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB;yBA9cjB,OAAO,EAAE,KAAG,IAAI;2BAuDd,OAAO,EAAE,KAAG,IAAI;0BA+DjB,OAAO,EAAE,KAAG,IAAI;2BA4Cf,OAAO,EAAE,KAAG,IAAI;2BA4ChB,OAAO,EAAE,KAAG,IAAI;mCAwDR,MAAM,QAAQ,OAAO,EAAE,KAAG,IAAI;yBAkDxC,OAAO,EAAE,KAAG,IAAI;8BA6CX,OAAO,EAAE,KAAG,IAAI;+BAiCf,OAAO,EAAE,KAAG,IAAI;;;;;;CA8H1C,CAAA"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@tachui/primitives",
+  "version": "0.8.0-alpha",
+  "description": "Basic UI components for tachUI framework",
+  "homepage": "https://tachui.dev/",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.js"
+    },
+    "./display": {
+      "types": "./dist/display/index.d.ts",
+      "import": "./dist/display/index.js"
+    },
+    "./controls": {
+      "types": "./dist/controls/index.d.ts",
+      "import": "./dist/controls/index.js"
+    },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tachui/core": "0.8.0-alpha",
+    "@tachui/modifiers": "0.8.0-alpha"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/jsdom": "^21.1.6",
+    "@vitest/coverage-v8": "^1.0.0",
+    "jsdom": "^23.2.0",
+    "typescript": "^5.2.0",
+    "vite": "^7.1.1",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "typescript": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "primitives",
+    "tachui",
+    "typescript"
+  ],
+  "author": "tachUI Team",
+  "license": "MPL-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tach-UI/tachUI",
+    "directory": "packages/primitives"
+  },
+  "scripts": {
+    "build": "rm -rf dist && vite build && tsc --project tsconfig.build.json",
+    "dev": "vite build --watch",
+    "valid": "clear && vitest run && pnpm type-check && pnpm lint && pnpm build",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "test:ci": "npm run test:run",
+    "type-check": "tsc --project tsconfig.type-check.json",
+    "clean": "rm -rf dist",
+    "lint": "oxlint src"
+  }
+}