@tachui/core 0.7.1-alpha → 0.8.0-alpha

package/dist/constants/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * TachUI Constants
  *
- * Exports all constants for easy access throughout the framework
+ * Unified constants system with SwiftUI-compatible layout utilities
  */
 export * from './layout';
 export * from './frame-utils';

package/dist/constants/layout.d.ts

@@ -19,11 +19,54 @@ export type InfinityValue = typeof infinity;
  */
 export type Dimension = number | string | InfinityValue;
 /**
- * SUI-compatible export object (SUI = SwiftUI-inspired)
- * Allows usage like: import { SUI } from '@tachui/core'; SUI.infinity
+ * Layout patterns namespace for common SwiftUI-style layouts
  */
-export declare const SUI: {
-    readonly infinity: typeof infinity;
+export declare const Layout: {
+    /**
+     * Full-width button pattern - common in forms and action sheets
+     */
+    readonly fullWidthButton: {
+        readonly maxWidth: typeof infinity;
+    };
+    /**
+     * Sidebar layout pattern - fixed width with full height
+     */
+    readonly sidebar: (width?: number | string) => {
+        width: string | number;
+        maxHeight: symbol;
+    };
+    /**
+     * Header/footer pattern - fixed height with full width
+     */
+    readonly header: (height?: number | string) => {
+        height: string | number;
+        maxWidth: symbol;
+    };
+    /**
+     * Content area pattern - fills remaining space with constraints
+     */
+    readonly content: (maxWidth?: number | string) => {
+        width: symbol;
+        height: symbol;
+        maxWidth: string | number | undefined;
+    };
+    /**
+     * Card layout pattern - responsive with sensible constraints
+     */
+    readonly card: {
+        readonly width: typeof infinity;
+        readonly height: typeof infinity;
+        readonly minWidth: 320;
+        readonly maxWidth: 800;
+        readonly minHeight: 200;
+    };
+    /**
+     * Modal overlay pattern - full screen coverage
+     */
+    readonly overlay: {
+        readonly width: "100vw";
+        readonly height: "100vh";
+    };
 };
 /**
  * Helper function to check if a value is the infinity constant

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/constants/layout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,eAAO,MAAM,QAAQ,eAAgC,CAAA;AAErD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,QAAQ,CAAA;AAE3C;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAA;AAEvD;;;GAGG;AACH,eAAO,MAAM,GAAG;;CAEN,CAAA;AAEV;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,aAAa,CAE7D;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAe/E;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAM1D;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,GAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC,CA8BA"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/constants/layout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,eAAO,MAAM,QAAQ,eAAgC,CAAA;AAErD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,QAAQ,CAAA;AAE3C;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;OAEG;;;;IAGH;;OAEG;+BACc,MAAM,GAAG,MAAM;;;;IAKhC;;OAEG;+BACc,MAAM,GAAG,MAAM;;;;IAKhC;;OAEG;kCACkB,MAAM,GAAG,MAAM;;;;;IAMpC;;OAEG;;;;;;;;IASH;;OAEG;;;;;CAEK,CAAA;AAEV;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,aAAa,CAE7D;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,GAAG,SAAS,GAC3B,MAAM,GAAG,SAAS,CAepB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAM1D;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,GAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC,CAgCA"}

package/dist/constants/layout.js

@@ -0,0 +1,84 @@
+const i = Symbol.for("tachui.infinity"), h = {
+  /**
+   * Full-width button pattern - common in forms and action sheets
+   */
+  fullWidthButton: { maxWidth: i },
+  /**
+   * Sidebar layout pattern - fixed width with full height
+   */
+  sidebar: (t = 250) => ({
+    width: t,
+    maxHeight: i
+  }),
+  /**
+   * Header/footer pattern - fixed height with full width
+   */
+  header: (t = 60) => ({
+    height: t,
+    maxWidth: i
+  }),
+  /**
+   * Content area pattern - fills remaining space with constraints
+   */
+  content: (t) => ({
+    width: i,
+    height: i,
+    maxWidth: t
+  }),
+  /**
+   * Card layout pattern - responsive with sensible constraints
+   */
+  card: {
+    width: i,
+    height: i,
+    minWidth: 320,
+    maxWidth: 800,
+    minHeight: 200
+  },
+  /**
+   * Modal overlay pattern - full screen coverage
+   */
+  overlay: { width: "100vw", height: "100vh" }
+};
+function o(t) {
+  return t === i;
+}
+function f(t) {
+  if (t !== void 0)
+    return t === i ? "100%" : typeof t == "number" ? `${t}px` : t;
+}
+function a() {
+  return {
+    flexGrow: "1",
+    flexShrink: "1",
+    flexBasis: "0%"
+  };
+}
+function d(t) {
+  const r = t.width === i || t.maxWidth === i, e = t.height === i || t.maxHeight === i, n = {};
+  return r && Object.assign(n, {
+    flexGrow: "1 !important",
+    flexShrink: "1 !important",
+    flexBasis: "0% !important",
+    alignSelf: "stretch !important"
+    // Override parent's align-items constraint
+  }), e && Object.assign(n, {
+    flexGrow: "1 !important",
+    flexShrink: "1 !important",
+    flexBasis: "0% !important",
+    alignSelf: "stretch !important"
+    // Override parent's align-items constraint
+  }), {
+    expandWidth: r,
+    expandHeight: e,
+    cssProps: n
+  };
+}
+export {
+  h as Layout,
+  f as dimensionToCSS,
+  i as infinity,
+  a as infinityToFlexCSS,
+  o as isInfinity,
+  d as shouldExpandForInfinity
+};

package/dist/css-classes/index.js

@@ -0,0 +1,176 @@
+import { c as l } from "../component-base-x2XmHFjy.js";
+import { C as j, b, a as x, g as M } from "../component-base-x2XmHFjy.js";
+import { J as n } from "../scheduler-BKeqwrYE.js";
+import { c as o } from "../effect-B9Knft0b.js";
+function m() {
+  return {
+    combineClasses(...t) {
+      const s = [];
+      return t.forEach((e) => {
+        if (e) {
+          const a = l.processClasses(e);
+          s.push(...a);
+        }
+      }), l.deduplicateClasses(s).join(" ");
+    },
+    conditionalClasses(t) {
+      return Object.entries(t).filter(([s, e]) => e).map(([s, e]) => s);
+    },
+    mergeClassProps(...t) {
+      const s = [];
+      return t.forEach((e) => {
+        if (e?.css) {
+          const a = l.processClasses(e.css);
+          s.push(...a);
+        }
+      }), s.length === 0 ? {} : {
+        css: l.deduplicateClasses(s)
+      };
+    },
+    extractClasses(t) {
+      return l.processClasses(t);
+    },
+    validateClassNames(t) {
+      const s = [], e = [];
+      return t.forEach((a) => {
+        l.sanitizeClassName(a) === a.toLowerCase() ? s.push(a) : e.push(a);
+      }), { valid: s, invalid: e };
+    }
+  };
+}
+class f {
+  /**
+   * Apply CSS classes to a DOM element
+   */
+  applyCSSClasses(s, e) {
+    if (!e) return;
+    const r = (Array.isArray(e) ? e : [e]).filter(Boolean);
+    r.length > 0 && (s.className = r.join(" "));
+  }
+  /**
+   * Apply reactive CSS classes to a DOM element
+   */
+  applyReactiveCSSClasses(s, e) {
+    const a = require("../reactive").createEffect;
+    return a(() => {
+      const c = e();
+      s.className = c;
+    });
+  }
+  /**
+   * Update CSS classes on an existing element
+   */
+  updateCSSClasses(s, e) {
+    this.applyCSSClasses(s, e);
+  }
+  /**
+   * Remove CSS classes from an element
+   */
+  removeCSSClasses(s, e) {
+    if (!e) return;
+    const a = Array.isArray(e) ? e : [e], c = s.className.split(" ").filter((i) => !a.includes(i));
+    s.className = c.join(" ");
+  }
+  /**
+   * Merge CSS classes with existing classes on an element
+   */
+  mergeCSSClasses(s, e) {
+    if (!e) return;
+    const a = Array.isArray(e) ? e : [e], c = [...s.className ? s.className.split(" ") : [], ...a.filter(Boolean)], i = [...new Set(c)];
+    s.className = i.join(" ");
+  }
+}
+const g = new f();
+function h(t, s = {}, e = [], a) {
+  const c = {
+    ...{
+      type: "element",
+      tag: t,
+      props: s,
+      children: e
+    }
+  };
+  return a && (Array.isArray(a) ? c.cssClasses = a : c.reactiveClasses = a), c;
+}
+function N(t) {
+  return {
+    static: t.cssClasses || [],
+    reactive: t.reactiveClasses
+  };
+}
+const C = {
+  /**
+   * Apply CSS classes to an element during creation
+   */
+  applyCSSClasses(t, s) {
+    if (s.cssClasses && s.cssClasses.length > 0) {
+      const e = s.cssClasses.join(" ");
+      t.className = e;
+    }
+    if (s.reactiveClasses && n(s.reactiveClasses)) {
+      const e = s.reactiveClasses();
+      t.className = e, o(() => {
+        const a = s.reactiveClasses();
+        t.className = a;
+      });
+    }
+  },
+  /**
+   * Process className prop and CSS classes together
+   */
+  processElementClasses(t, s) {
+    let e = [];
+    if (s.props?.className) {
+      const a = typeof s.props.className == "string" ? s.props.className.split(" ").filter(Boolean) : [];
+      e.push(...a);
+    }
+    if (s.cssClasses && e.push(...s.cssClasses), e.length > 0) {
+      const a = [...new Set(e)];
+      t.className = a.join(" ");
+    }
+    s.reactiveClasses && n(s.reactiveClasses) && o(() => {
+      const a = s.reactiveClasses();
+      if (e.length > 0) {
+        const r = e.join(" ");
+        t.className = `${r} ${a}`.trim();
+      } else
+        t.className = a;
+    });
+  }
+};
+function y(t) {
+  const s = t.createElement.bind(t), e = (a) => {
+    const r = s(a), c = a;
+    return (c.cssClasses || c.reactiveClasses) && C.processElementClasses(r, c), r;
+  };
+  return t.createElement = e, Object.assign(t, C);
+}
+function v(t, s = {}, e = [], a) {
+  const r = {
+    type: "element",
+    tag: t,
+    props: s,
+    children: e
+  };
+  return a && (Array.isArray(a) ? r.cssClasses = a : r.reactiveClasses = a), r;
+}
+function A(t) {
+  const s = t;
+  return !!(s.cssClasses || s.reactiveClasses);
+}
+export {
+  j as CSSClassManager,
+  b as ComponentWithCSSClasses,
+  f as DOMCSSClassApplicator,
+  x as configureCSSClasses,
+  v as createCSSClassDOMNode,
+  m as createCSSClassUtilities,
+  h as createDOMNodeWithClasses,
+  l as cssClassManager,
+  C as cssClassRendererMixin,
+  g as domCSSClassApplicator,
+  y as enhanceRendererWithCSSClasses,
+  N as extractCSSClasses,
+  M as getCSSClassConfig,
+  A as hasCSSClassSupport
+};

package/dist/{dom-bridge-Cx-s6Ihx.js → dom-bridge-CAa1N2zX.js}

@@ -1,7 +1,7 @@
-import { n as g, q as x, s as b } from "./scheduler-7SvC3a21.js";
-import { dQ as L } from "./concatenated-component-DPcl2TEO.js";
+import { W as g, k as x, l as b } from "./scheduler-BKeqwrYE.js";
+import { D as L } from "./concatenated-component-ByPl3_FF.js";
 var S = Object.defineProperty, D = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, l = (e, t, o) => D(e, typeof t != "symbol" ? t + "" : t, o);
-const d = Symbol("TachUI.ComponentContext"), B = Symbol("TachUI.Environment");
+const d = Symbol("TachUI.ComponentContext"), k = Symbol("TachUI.Environment");
 let u = null;
 class O {
   constructor(t, o) {
@@ -119,7 +119,7 @@ function A(e, t) {
     u === e && (u = o), n && (o ? n.context.set(d, o) : n.context.delete(d));
   }
 }
-function k(e, t) {
+function B(e, t) {
   return (o) => {
     const n = t || `component-${Math.random().toString(36).substr(2, 9)}`, r = v(n, u || void 0);
     return A(r, () => {
@@ -135,10 +135,10 @@ function P(e, t) {
     name: e
   };
 }
-function j(e, t) {
+function W(e, t) {
   M().provide(e.symbol, t);
 }
-function z(e) {
+function j(e) {
   const o = M().consume(e.symbol);
   if (o !== void 0)
     return o;
@@ -148,7 +148,7 @@ function z(e) {
     `Environment value for '${e.name}' not found. Make sure to provide this value higher in the component hierarchy.`
   );
 }
-const V = {
+const z = {
   getCurrentContext: () => u,
   getContextHierarchy: () => {
     const e = [];
@@ -162,7 +162,7 @@ const V = {
     return t ? t.getMetrics() : null;
   }
 }, _ = new L(), p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
-function W(e) {
+function V(e) {
   e._enhancedLifecycle && C.add(e);
 }
 function F() {
@@ -343,7 +343,7 @@ function K(e, t) {
   }
   return o;
 }
-function Q(e, t) {
+function G(e, t) {
   const o = f.get(e);
   if (!o) {
     console.warn("Attempted to update unmounted component");
@@ -353,7 +353,7 @@ function Q(e, t) {
   const n = o[0]?.parentElement;
   n && (N(e, n), E(e, n));
 }
-function G(e) {
+function J(e) {
   let t = e;
   for (; t; ) {
     const o = p.get(t);
@@ -362,7 +362,7 @@ function G(e) {
     t = t.parentElement;
   }
 }
-const J = {
+const Q = {
   getMountedComponents: () => Array.from(p.entries()),
   getComponentElements: (e) => f.get(e),
   isComponentMounted: (e) => e.mounted || !1,
@@ -383,24 +383,24 @@ const J = {
   }
 };
 export {
-  V as C,
-  J as D,
-  B as E,
-  E as a,
-  I as b,
-  K as c,
-  Q as d,
-  d as e,
-  z as f,
-  G as g,
-  v as h,
-  P as i,
-  M as j,
-  A as k,
+  z as C,
+  Q as D,
+  k as E,
+  d as a,
+  v as b,
+  j as c,
+  P as d,
+  A as e,
+  J as f,
+  M as g,
+  K as h,
+  E as i,
+  I as j,
+  G as k,
   q as m,
-  j as p,
-  W as r,
+  W as p,
+  V as r,
   y as s,
   N as u,
-  k as w
+  B as w
 };

package/dist/{effect-CytAc9em.js → effect-B9Knft0b.js}

@@ -1,4 +1,4 @@
-import { C as o, n as f } from "./scheduler-7SvC3a21.js";
+import { Y as o, W as f } from "./scheduler-BKeqwrYE.js";
 function i(e, n = {}) {
   const c = f();
   let r, t = !0;
@@ -56,8 +56,8 @@ function y(e) {
   };
 }
 export {
-  d as a,
-  p as b,
+  p as a,
+  d as b,
   i as c,
   b as d,
   v as e,