@tachui/core 0.8.1-alpha → 0.8.8

package/dist/gradients/types.d.ts

@@ -1,94 +1,6 @@
-import type { Asset } from '../assets/types';
-export interface GradientColors {
-    colors: (string | Asset)[];
-    stops?: number[];
-}
-export type GradientStartPoint = 'top' | 'topLeading' | 'leading' | 'bottomLeading' | 'bottom' | 'bottomTrailing' | 'trailing' | 'topTrailing' | 'center';
-export type GradientCenter = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | [number, number];
-export interface LinearGradientOptions extends GradientColors {
-    startPoint: GradientStartPoint;
-    endPoint: GradientStartPoint;
-    angle?: number;
-}
-export interface RadialGradientOptions extends GradientColors {
-    center: GradientCenter;
-    startRadius: number;
-    endRadius: number;
-    shape?: 'circle' | 'ellipse';
-}
-export interface AngularGradientOptions extends GradientColors {
-    center: GradientCenter;
-    startAngle: number;
-    endAngle: number;
-}
-export interface RepeatingLinearGradientOptions extends GradientColors {
-    direction: string;
-    colorStops: string[];
-}
-export interface RepeatingRadialGradientOptions extends GradientColors {
-    center: GradientCenter;
-    shape?: 'circle' | 'ellipse';
-    colorStops: string[];
-}
-export interface ConicGradientOptions extends GradientColors {
-    center: GradientCenter;
-    startAngle: number;
-    endAngle?: number;
-}
-export interface EllipticalGradientOptions extends GradientColors {
-    center: GradientCenter;
-    radiusX: number;
-    radiusY: number;
-}
-export type GradientType = 'linear' | 'radial' | 'angular' | 'conic' | 'repeating-linear' | 'repeating-radial' | 'elliptical';
-export interface GradientDefinition {
-    type: GradientType;
-    options: LinearGradientOptions | RadialGradientOptions | AngularGradientOptions | ConicGradientOptions | RepeatingLinearGradientOptions | RepeatingRadialGradientOptions | EllipticalGradientOptions;
-}
-export interface TransitionOptions {
-    duration: number;
-    easing?: string;
-}
-export interface GradientAssetDefinitions {
-    light: GradientDefinition;
-    dark: GradientDefinition;
-    [key: string]: GradientDefinition;
-}
 /**
- * Animation configuration for gradient transitions
+ * TachUI Gradient Types
+ * Re-exported from @tachui/types for backward compatibility
  */
-export interface GradientAnimationOptions {
-    duration?: number;
-    easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | string;
-    delay?: number;
-}
-/**
- * State-based gradient configuration
- */
-export interface StateGradientOptions {
-    default: GradientDefinition | string | Asset;
-    hover?: GradientDefinition | string | Asset;
-    active?: GradientDefinition | string | Asset;
-    focus?: GradientDefinition | string | Asset;
-    disabled?: GradientDefinition | string | Asset;
-    animation?: GradientAnimationOptions;
-}
-/**
- * Enhanced background value supporting state-based gradients
- */
-export type StatefulBackgroundValue = string | GradientDefinition | Asset | StateGradientOptions;
-export type HorizontalGradient = GradientDefinition & {
-    type: 'linear';
-    options: LinearGradientOptions & {
-        startPoint: 'leading' | 'trailing';
-        endPoint: 'trailing' | 'leading';
-    };
-};
-export type VerticalGradient = GradientDefinition & {
-    type: 'linear';
-    options: LinearGradientOptions & {
-        startPoint: 'top' | 'bottom';
-        endPoint: 'bottom' | 'top';
-    };
-};
+export * from '@tachui/types/gradients';
 //# sourceMappingURL=types.d.ts.map

package/dist/gradients/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradients/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradients/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,yBAAyB,CAAA"}

package/dist/hooks-WGmpzYgD.js

@@ -0,0 +1,446 @@
+import "./scheduler-DppMK9mR.js";
+import { c as g, a as x } from "./theme-CRLPHryV.js";
+import "@tachui/types/reactive";
+import { b } from "./component-context-B9HI2nZH.js";
+var w = Object.defineProperty, M = (s, e, t) => e in s ? w(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, c = (s, e, t) => M(s, typeof e != "symbol" ? e + "" : e, t);
+const v = class f {
+  constructor() {
+    c(this, "contexts", /* @__PURE__ */ new Map()), c(this, "providerStack", /* @__PURE__ */ new Map()), c(this, "currentComponent", null);
+  }
+  static getInstance() {
+    return f.instance || (f.instance = new f()), f.instance;
+  }
+  /**
+   * Set the current component context for provider resolution
+   */
+  setCurrentComponent(e) {
+    this.currentComponent = e;
+  }
+  /**
+   * Get the current component context
+   */
+  getCurrentComponent() {
+    return this.currentComponent;
+  }
+  /**
+   * Register a context provider
+   */
+  registerProvider(e, t, n) {
+    this.providerStack.has(e) || this.providerStack.set(e, []);
+    const r = this.providerStack.get(e), [o, i] = g(t), a = {
+      value: t,
+      signal: [o, i],
+      subscribers: /* @__PURE__ */ new Set(),
+      providers: /* @__PURE__ */ new Set([n])
+    };
+    return r.push(a), n.providers.set(e, a), () => {
+      const l = r.indexOf(a);
+      l !== -1 && r.splice(l, 1), n.providers.delete(e), a.subscribers.clear(), a.providers.clear();
+    };
+  }
+  /**
+   * Get context value with reactive subscription
+   */
+  getContextValue(e, t) {
+    const n = this.providerStack.get(e), r = n && n.length > 0 ? n[n.length - 1] : null;
+    if (r)
+      return this.currentComponent && (r.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [r.signal[0], !0];
+    const [o] = g(t);
+    return [o, !1];
+  }
+  /**
+   * Update context value and notify subscribers
+   */
+  updateContextValue(e, t) {
+    const n = this.providerStack.get(e), r = n && n.length > 0 ? n[n.length - 1] : null;
+    return r ? (r.value = t, r.signal[1](t), !0) : !1;
+  }
+  /**
+   * Get all registered contexts (for debugging)
+   */
+  getAllContexts() {
+    const e = /* @__PURE__ */ new Map();
+    for (const [t, n] of this.providerStack.entries())
+      n.length > 0 && e.set(t, n[n.length - 1]);
+    return e;
+  }
+  /**
+   * Clear all contexts (for testing)
+   */
+  clear() {
+    this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
+  }
+};
+c(v, "instance");
+let y = v;
+class p {
+  constructor() {
+    c(this, "registry", y.getInstance());
+  }
+  /**
+   * Create a context provider component
+   */
+  createProvider(e, t, n) {
+    return {
+      type: "component",
+      render: () => {
+        const r = this.registry.registerProvider(
+          e.symbol,
+          t,
+          b(`provider_${e.symbol.toString()}`)
+        ), o = n.flatMap((i) => {
+          let a = i;
+          "build" in i && typeof i.build == "function" && (a = i.build());
+          const l = a.render();
+          return Array.isArray(l) ? l : [l];
+        });
+        return [
+          {
+            type: "element",
+            tag: "div",
+            props: { "data-context-provider": e.displayName || "provider" },
+            children: o,
+            dispose: r
+          }
+        ];
+      },
+      props: { children: n },
+      id: `provider_${Date.now()}`,
+      children: n
+    };
+  }
+  /**
+   * Set current component for context resolution
+   */
+  setCurrentComponent(e) {
+    this.registry.setCurrentComponent(e);
+  }
+  /**
+   * Update a context value
+   */
+  updateContext(e, t) {
+    return this.registry.updateContextValue(e.symbol, t);
+  }
+  /**
+   * Get all active contexts (for debugging)
+   */
+  getAllContexts() {
+    return this.registry.getAllContexts();
+  }
+  /**
+   * Clear all contexts
+   */
+  clear() {
+    this.registry.clear();
+  }
+}
+function m(s, e = {}) {
+  return {
+    symbol: Symbol(e.displayName || "TachUIContext"),
+    defaultValue: s,
+    displayName: e.displayName
+  };
+}
+function S(s) {
+  const e = y.getInstance(), [t, n] = e.getContextValue(s.symbol, s.defaultValue);
+  return n || console.warn(
+    `Context ${s.displayName || "unnamed"} used without a Provider. Using default value.`
+  ), t;
+}
+function E(s, e) {
+  return (t) => function(r) {
+    return new p().createProvider(s, e, [t(r)]);
+  };
+}
+function V(s, e) {
+  return {
+    type: "component",
+    render: () => {
+      const t = S(s);
+      let r = x(() => {
+        const i = t();
+        return e(i);
+      })();
+      "build" in r && typeof r.build == "function" && (r = r.build());
+      const o = r.render();
+      return Array.isArray(o) ? o : [o];
+    },
+    props: {},
+    id: `consumer_${Date.now()}`
+  };
+}
+class I {
+  constructor() {
+    c(this, "services", /* @__PURE__ */ new Map()), c(this, "factories", /* @__PURE__ */ new Map()), c(this, "singletons", /* @__PURE__ */ new Map()), c(this, "scoped", /* @__PURE__ */ new Map()), c(this, "dependencies", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Register a service with the container
+   */
+  register(e, t, n = {}) {
+    this.services.set(e, t), n.dependencies && this.dependencies.set(e, n.dependencies), n.singleton && this.singletons.set(e, null), n.scoped && this.scoped.set(e, null);
+  }
+  /**
+   * Resolve a service from the container
+   */
+  resolve(e) {
+    if (this.singletons.has(e)) {
+      let t = this.singletons.get(e);
+      return t === null && (t = this.createInstance(e), this.singletons.set(e, t)), t;
+    }
+    if (this.scoped.has(e)) {
+      let t = this.scoped.get(e);
+      return t === null && (t = this.createInstance(e), this.scoped.set(e, t)), t;
+    }
+    return this.createInstance(e);
+  }
+  /**
+   * Create instance with dependency injection
+   */
+  createInstance(e) {
+    const n = (this.dependencies.get(e) || []).map((i) => this.resolve(i)), r = this.factories.get(e);
+    if (r)
+      return r(...n);
+    const o = this.services.get(e);
+    if (o) {
+      if (typeof o == "function")
+        try {
+          return new o(...n);
+        } catch {
+          return o(...n);
+        }
+      return o;
+    }
+    throw new Error(`Service ${String(e)} not found in DI container`);
+  }
+  /**
+   * Check if service is registered
+   */
+  has(e) {
+    return this.services.has(e) || this.factories.has(e);
+  }
+  /**
+   * Clear the container
+   */
+  clear() {
+    this.services.clear(), this.factories.clear(), this.singletons.clear(), this.scoped.clear(), this.dependencies.clear();
+  }
+  /**
+   * Get all registered services (for debugging)
+   */
+  getRegistered() {
+    return [...this.services.keys(), ...this.factories.keys()];
+  }
+}
+const C = new I();
+function $(s) {
+  return C.resolve(s);
+}
+function q(s) {
+  return (e) => {
+    const t = s || e.name;
+    return C.register(t, e), e;
+  };
+}
+const F = {
+  /**
+   * Create multiple contexts at once
+   */
+  createContextGroup(s, e = {}) {
+    const t = {};
+    for (const [n, r] of Object.entries(s))
+      t[n] = m(r, {
+        displayName: e.prefix ? `${e.prefix}.${n}` : n
+      });
+    return t;
+  },
+  /**
+   * Combine multiple context providers
+   */
+  combineProviders(s, e, t) {
+    const n = new p();
+    let r = t;
+    for (const [o, i] of Object.entries(s)) {
+      const a = e[o];
+      r = [n.createProvider(i, a, r)];
+    }
+    return r[0];
+  },
+  /**
+   * Create context with validation
+   */
+  createValidatedContext(s, e, t = {}) {
+    return {
+      ...m(s, t),
+      validate: e
+    };
+  }
+}, N = new p();
+function d(s, e) {
+  s._enhancedLifecycle = {
+    ...s._enhancedLifecycle,
+    ...e
+  };
+}
+function L(s, e) {
+  d(s, { onMount: e });
+}
+function u(s, e) {
+  d(s, { onDOMReady: e });
+}
+function D(s, e) {
+  d(s, { onUnmount: e });
+}
+function T(s, e) {
+  d(s, { onError: e });
+}
+function W(s, e) {
+  d(s, { onDOMError: e });
+}
+function U(s, e) {
+  return d(s, {
+    onError: (t) => e(t),
+    onDOMError: (t, n) => e(t, `DOM:${n}`)
+  }), s;
+}
+function _(s, e) {
+  u(s, (t, n) => {
+    if (n)
+      return e(n);
+  });
+}
+function j(s, e, t) {
+  _(s, (n) => {
+    if (typeof e?.resolve == "function") {
+      const r = e.resolve();
+      t(n, r);
+    }
+  });
+}
+function k(s, e) {
+  console.warn("⚠️ setTimeout workaround detected. Consider migrating to onDOMReady."), u(s, () => {
+    e();
+  });
+}
+const B = {
+  /**
+   * Focus element when DOM is ready (replaces setTimeout focus hacks)
+   */
+  focusWhenReady(s, e, t) {
+    u(s, (n, r) => {
+      let o = null;
+      t ? o = t : e ? o = r?.querySelector(e) || null : o = r || null, o instanceof HTMLElement && typeof o.focus == "function" && requestAnimationFrame(() => {
+        try {
+          o.focus();
+        } catch (i) {
+          console.warn("Focus failed:", i);
+        }
+      });
+    });
+  },
+  /**
+   * Focus first focusable element in component
+   */
+  focusFirstFocusable(s) {
+    u(s, (e, t) => {
+      if (t) {
+        const n = t.querySelector(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        );
+        n && this.focusWhenReady(s, void 0, n);
+      }
+    });
+  }
+}, G = {
+  /**
+   * Coordinate animations with DOM readiness
+   */
+  animateWhenReady(s, e) {
+    u(s, (t, n) => {
+      let r = null;
+      e.element ? r = e.element : e.selector ? r = n?.querySelector(e.selector) || null : r = n || null, r && (e.setup(r), requestAnimationFrame(() => {
+        e.animate(r);
+      }));
+    });
+  },
+  /**
+   * Fade in animation (common pattern)
+   */
+  fadeIn(s, e, t = 300) {
+    this.animateWhenReady(s, {
+      element: e,
+      setup: (n) => {
+        const r = n;
+        r.style.opacity = "0", r.style.transition = `opacity ${t}ms ease-out`;
+      },
+      animate: (n) => {
+        const r = n;
+        r.style.opacity = "1";
+      }
+    });
+  },
+  /**
+   * Scale in animation (common for modals/alerts)
+   */
+  scaleIn(s, e, t = 300) {
+    this.animateWhenReady(s, {
+      element: e,
+      setup: (n) => {
+        const r = n;
+        r.style.transform = "scale(0.8)", r.style.opacity = "0", r.style.transition = `all ${t}ms ease-out`;
+      },
+      animate: (n) => {
+        const r = n;
+        r.style.transform = "scale(1)", r.style.opacity = "1";
+      }
+    });
+  }
+};
+function K(s, e, t) {
+  u(s, (n, r) => {
+    const o = t ? r?.querySelector(t) : r;
+    if (o) {
+      const i = (a) => {
+        o.contains(a.target) || e();
+      };
+      document.addEventListener("click", i), D(s, () => {
+        document.removeEventListener("click", i);
+      });
+    }
+  });
+}
+function z(s, e, t, n) {
+  u(s, (r, o) => {
+    const i = o?.querySelector(e), a = o?.querySelector(t);
+    if (i && a) {
+      const l = n(i, a), h = a;
+      h.style.left = `${l.x}px`, h.style.top = `${l.y}px`;
+    }
+  });
+}
+export {
+  G as A,
+  p as C,
+  I as D,
+  B as F,
+  q as I,
+  m as a,
+  V as b,
+  F as c,
+  N as d,
+  u as e,
+  T as f,
+  C as g,
+  L as h,
+  $ as i,
+  D as j,
+  z as k,
+  d as l,
+  k as m,
+  _ as n,
+  W as o,
+  U as p,
+  j as q,
+  K as s,
+  S as u,
+  E as w
+};