@pineui/react 0.1.0 → 0.1.2

package/dist/pineui.es.js

@@ -1,8 +1,8 @@
-import ee, { useState as x, useEffect as R, Component as se } from "react";
+import Q, { useState as b, useEffect as W, Component as se } from "react";
 import ie from "react-dom";
-var U = {}, K = ie;
-U.createRoot = K.createRoot, U.hydrateRoot = K.hydrateRoot;
-var te = { exports: {} }, T = {};
+var J = {}, G = ie;
+J.createRoot = G.createRoot, J.hydrateRoot = G.hydrateRoot;
+var X = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,76 +12,68 @@ var te = { exports: {} }, T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var oe = ee, ae = Symbol.for("react.element"), le = Symbol.for("react.fragment"), ce = Object.prototype.hasOwnProperty, de = oe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ue = { key: !0, ref: !0, __self: !0, __source: !0 };
-function ne(e, n, r) {
-  var t, i = {}, o = null, a = null;
+var oe = Q, ae = Symbol.for("react.element"), le = Symbol.for("react.fragment"), ce = Object.prototype.hasOwnProperty, ue = oe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, de = { key: !0, ref: !0, __self: !0, __source: !0 };
+function ee(e, n, r) {
+  var t, s = {}, o = null, a = null;
   r !== void 0 && (o = "" + r), n.key !== void 0 && (o = "" + n.key), n.ref !== void 0 && (a = n.ref);
-  for (t in n) ce.call(n, t) && !ue.hasOwnProperty(t) && (i[t] = n[t]);
-  if (e && e.defaultProps) for (t in n = e.defaultProps, n) i[t] === void 0 && (i[t] = n[t]);
-  return { $$typeof: ae, type: e, key: o, ref: a, props: i, _owner: de.current };
+  for (t in n) ce.call(n, t) && !de.hasOwnProperty(t) && (s[t] = n[t]);
+  if (e && e.defaultProps) for (t in n = e.defaultProps, n) s[t] === void 0 && (s[t] = n[t]);
+  return { $$typeof: ae, type: e, key: o, ref: a, props: s, _owner: ue.current };
 }
-T.Fragment = le;
-T.jsx = ne;
-T.jsxs = ne;
-te.exports = T;
-var s = te.exports;
-function W(e, n) {
+H.Fragment = le;
+H.jsx = ee;
+H.jsxs = ee;
+X.exports = H;
+var i = X.exports;
+function S(e, n) {
   if (typeof e == "string")
     return pe(e, n);
   if (Array.isArray(e))
-    return e.map((r) => W(r, n));
+    return e.map((r) => S(r, n));
   if (e && typeof e == "object") {
     const r = {};
     for (const t in e)
-      r[t] = W(e[t], n);
+      r[t] = S(e[t], n);
     return r;
   }
   return e;
 }
 function pe(e, n) {
-  const r = e.match(/^\{\{(.+)\}\}$/);
-  if (r) {
-    const t = r[1].trim();
-    return (t === "item" || t.startsWith("item.")) && (!("item" in n) || n.item === void 0) ? e : Q(t, n);
+  const r = e.indexOf("}}");
+  if (e.startsWith("{{") && e.endsWith("}}") && r === e.length - 2) {
+    const s = e.slice(2, -2).trim();
+    return (s === "item" || s.startsWith("item.")) && (!("item" in n) || n.item === void 0) || (s === "props" || s.startsWith("props.")) && (!("props" in n) || n.props === void 0) || (s === "response" || s.startsWith("response.")) && !("response" in n) ? e : K(s, n);
   }
-  return e.replace(/\{\{(.+?)\}\}/g, (t, i) => {
-    const o = Q(i.trim(), n);
-    return o != null ? String(o) : "";
+  return e.replace(/\{\{(.+?)\}\}/g, (s, o) => {
+    const a = K(o.trim(), n);
+    return a != null ? String(a) : "";
   });
 }
-function Q(e, n) {
+function K(e, n) {
   try {
-    return /^[\w.]+$/.test(e) ? M(n, e) : e.includes("!") || e.includes("==") || e.includes("!=") ? fe(e, n) : e.includes("|") ? he(e, n) : M(n, e);
+    if (/^[\w.]+$/.test(e))
+      return te(n, e);
+    if (e.includes("|") && !e.includes("||"))
+      return fe(e, n);
+    const r = Object.keys(n).filter((o) => /^[a-zA-Z_$][\w$]*$/.test(o)), t = r.map((o) => n[o]);
+    return new Function(...r, `"use strict"; try { return (${e}); } catch(e) { return undefined; }`)(...t);
   } catch (r) {
     console.warn(`Failed to evaluate expression: ${e}`, r);
     return;
   }
 }
-function M(e, n) {
+function te(e, n) {
   const r = n.split(".");
   let t = e;
-  for (const i of r) {
+  for (const s of r) {
     if (t == null) return;
-    t = t[i];
+    t = t[s];
   }
   return t;
 }
 function fe(e, n) {
-  if (e.startsWith("!"))
-    return !M(n, e.slice(1).trim());
-  if (e.includes("!= null")) {
-    const r = e.split("!=")[0].trim();
-    return M(n, r) != null;
-  }
-  if (e.includes("==")) {
-    const [r, t] = e.split("==").map((a) => a.trim()), i = M(n, r), o = t.startsWith("'") || t.startsWith('"') ? t.slice(1, -1) : M(n, t);
-    return i == o;
-  }
-  return !1;
-}
-function he(e, n) {
-  const [r, t] = e.split("|").map((o) => o.trim()), i = M(n, r);
-  return t === "timeAgo" ? me(i) : i;
+  const [r, t] = e.split("|").map((o) => o.trim()), s = te(n, r);
+  return t === "timeAgo" ? me(s) : s;
 }
 function me(e) {
   if (!e) return "";
@@ -90,102 +82,102 @@ function me(e) {
   const t = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / 1e3);
   return t < 60 ? `${t}s` : t < 3600 ? `${Math.floor(t / 60)}m` : t < 86400 ? `${Math.floor(t / 3600)}h` : t < 2592e3 ? `${Math.floor(t / 86400)}d` : t < 31536e3 ? `${Math.floor(t / 2592e3)}mo` : `${Math.floor(t / 31536e3)}y`;
 }
-function re(e) {
+function ne(e) {
   var n, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var i = e.length;
-    for (n = 0; n < i; n++) e[n] && (r = re(e[n])) && (t && (t += " "), t += r);
+    var s = e.length;
+    for (n = 0; n < s; n++) e[n] && (r = ne(e[n])) && (t && (t += " "), t += r);
   } else for (r in e) e[r] && (t && (t += " "), t += r);
   return t;
 }
-function V() {
-  for (var e, n, r = 0, t = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (n = re(e)) && (t && (t += " "), t += n);
+function F() {
+  for (var e, n, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (n = ne(e)) && (t && (t += " "), t += n);
   return t;
 }
-const ve = ({
+const he = ({
   content: e,
   style: n = "bodyMedium",
   color: r,
   fontWeight: t,
-  maxLines: i
+  maxLines: s
 }) => {
-  const o = V("pineui-text", `pineui-text--${n}`, {
+  const o = F("pineui-text", `pineui-text--${n}`, {
     "pineui-text--bold": t === "bold"
   }), a = {
     color: r ? `var(--md-sys-color-${r}, ${r})` : void 0,
-    WebkitLineClamp: i ?? void 0,
-    display: i ? "-webkit-box" : void 0,
-    WebkitBoxOrient: i ? "vertical" : void 0,
-    overflow: i ? "hidden" : void 0
+    WebkitLineClamp: s ?? void 0,
+    display: s ? "-webkit-box" : void 0,
+    WebkitBoxOrient: s ? "vertical" : void 0,
+    overflow: s ? "hidden" : void 0
   };
-  return /* @__PURE__ */ s.jsx("p", { className: o, style: a, children: e || "(empty)" });
-}, J = ({
+  return /* @__PURE__ */ i.jsx("p", { className: o, style: a, children: e || "(empty)" });
+}, L = ({
   type: e,
   label: n,
   icon: r,
   enabled: t = !0,
-  loading: i = !1,
+  loading: s = !1,
   onPress: o,
   context: a,
   size: d = "medium",
   color: c
 }) => {
-  const u = async () => {
-    if (!t || i || !o || !a) return;
-    const j = W(o, a);
-    await a.executeAction(j);
-  }, v = V("pineui-button", `pineui-button--${e.split(".")[1]}`, {
+  const p = async () => {
+    if (!t || s || !o || !a) return;
+    const g = S(o, a);
+    await a.executeAction(g);
+  }, m = F("pineui-button", `pineui-button--${e.split(".")[1]}`, {
     "pineui-button--disabled": !t,
-    "pineui-button--loading": i,
+    "pineui-button--loading": s,
     [`pineui-button--${d}`]: d
   }), y = {
     color: c ? `var(--md-sys-color-${c}, ${c})` : void 0
   };
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ i.jsxs(
     "button",
     {
-      className: v,
-      onClick: u,
-      disabled: !t || i,
+      className: m,
+      onClick: p,
+      disabled: !t || s,
       style: y,
       children: [
-        i ? /* @__PURE__ */ s.jsx("span", { className: "pineui-button__spinner", children: "⏳" }) : r ? /* @__PURE__ */ s.jsx("span", { className: "pineui-button__icon", children: r }) : null,
-        n && /* @__PURE__ */ s.jsx("span", { className: "pineui-button__label", children: n })
+        s ? /* @__PURE__ */ i.jsx("span", { className: "pineui-button__spinner", children: "⏳" }) : r ? /* @__PURE__ */ i.jsx("span", { className: "pineui-button__icon", children: r }) : null,
+        n && /* @__PURE__ */ i.jsx("span", { className: "pineui-button__label", children: n })
       ]
     }
   );
-}, X = ({
+}, Y = ({
   type: e,
   children: n = [],
   spacing: r = 0,
   padding: t = 0,
-  mainAxisAlignment: i = "start",
+  mainAxisAlignment: s = "start",
   crossAxisAlignment: o = "start",
   flex: a,
   width: d,
   height: c,
-  maxWidth: u,
-  overflow: v,
+  maxWidth: p,
+  overflow: m,
   backgroundColor: y,
-  border: j,
-  borderRadius: B,
-  elevation: C,
-  borderRight: A,
-  borderLeft: k,
-  borderTop: D,
-  borderBottom: E,
-  onPress: _,
-  context: w,
-  renderer: I
+  border: g,
+  borderRadius: j,
+  elevation: w,
+  borderRight: T,
+  borderLeft: $,
+  borderTop: E,
+  borderBottom: _,
+  onPress: N,
+  context: C,
+  renderer: O
 }) => {
-  if (!I || !w) return null;
-  const P = async () => {
-    if (_ && w) {
-      const g = W(_, w);
-      await w.executeAction(g);
+  if (!O || !C) return null;
+  const B = async () => {
+    if (N && C) {
+      const A = S(N, C);
+      await C.executeAction(A);
     }
-  }, f = e === "layout.column", h = V("pineui-layout", {
+  }, f = e === "layout.column", h = F("pineui-layout", {
     "pineui-layout--column": f,
     "pineui-layout--row": !f
   }), l = {
@@ -193,26 +185,26 @@ const ve = ({
     flexDirection: f ? "column" : "row",
     gap: `${r}px`,
     padding: `${t}px`,
-    justifyContent: ye(i),
-    alignItems: ge(o),
+    justifyContent: ye(s),
+    alignItems: ve(o),
     flex: a,
     width: d !== void 0 ? typeof d == "number" ? `${d}px` : d : void 0,
     height: c !== void 0 ? typeof c == "number" ? `${c}px` : c : void 0,
-    maxWidth: u !== void 0 ? typeof u == "number" ? `${u}px` : u : void 0,
-    overflow: v,
+    maxWidth: p !== void 0 ? typeof p == "number" ? `${p}px` : p : void 0,
+    overflow: m,
     backgroundColor: y,
-    border: j,
-    borderRadius: B !== void 0 ? `${B}px` : void 0,
-    boxShadow: C ? xe(C) : void 0,
-    borderRight: A,
-    borderLeft: k,
-    borderTop: D,
-    borderBottom: E,
+    border: g,
+    borderRadius: j !== void 0 ? `${j}px` : void 0,
+    boxShadow: w ? xe(w) : void 0,
+    borderRight: T,
+    borderLeft: $,
+    borderTop: E,
+    borderBottom: _,
     minWidth: 0,
     // Permite que flex shrink funcione corretamente
-    cursor: _ ? "pointer" : void 0
+    cursor: N ? "pointer" : void 0
   };
-  return /* @__PURE__ */ s.jsx("div", { className: h, style: l, onClick: _ ? P : void 0, children: n.map((g, p) => /* @__PURE__ */ s.jsx(I, { node: g, context: w }, p)) });
+  return /* @__PURE__ */ i.jsx("div", { className: h, style: l, onClick: N ? B : void 0, children: n.map((A, k) => /* @__PURE__ */ i.jsx(O, { node: A, context: C }, k)) });
 };
 function ye(e) {
   return {
@@ -223,7 +215,7 @@ function ye(e) {
     spaceAround: "space-around"
   }[e] || "flex-start";
 }
-function ge(e) {
+function ve(e) {
   return {
     start: "flex-start",
     center: "center",
@@ -241,33 +233,39 @@ function xe(e) {
   };
   return n[e] || n[1];
 }
-const be = ({
+const ge = ({
   child: e,
-  elevation: n = 1,
-  padding: r = 16,
-  onTap: t,
-  context: i,
-  renderer: o
+  children: n,
+  elevation: r = 1,
+  padding: t = 16,
+  variant: s,
+  onPress: o,
+  context: a,
+  renderer: d
 }) => {
-  if (!o || !i) return null;
-  const a = async () => {
-    if (t && i) {
-      const u = W(t, i);
-      await i.executeAction(u);
+  if (!d || !a) return null;
+  const c = async () => {
+    if (o && a) {
+      const j = S(o, a);
+      await a.executeAction(j);
     }
-  }, d = V("pineui-card", `pineui-card--elevation-${n}`, {
-    "pineui-card--clickable": !!t
-  }), c = {
-    padding: `${r}px`
-  };
-  return /* @__PURE__ */ s.jsx("div", { className: d, style: c, onClick: t ? a : void 0, children: /* @__PURE__ */ s.jsx(o, { node: e, context: i }) });
-}, je = ({
+  }, m = F("pineui-card", `pineui-card--elevation-${s === "outlined" || s === "filled" ? 0 : r}`, {
+    "pineui-card--clickable": !!o,
+    "pineui-card--outlined": s === "outlined",
+    "pineui-card--filled": s === "filled"
+  }), y = {
+    padding: `${t}px`,
+    ...s === "outlined" ? { border: "1px solid var(--md-sys-color-outline)" } : {},
+    ...s === "filled" ? { background: "var(--md-sys-color-surfaceVariant)" } : {}
+  }, g = e ? /* @__PURE__ */ i.jsx(d, { node: e, context: a }) : n ? /* @__PURE__ */ i.jsx(i.Fragment, { children: n.map((j, w) => /* @__PURE__ */ i.jsx(d, { node: j, context: a }, w)) }) : null;
+  return /* @__PURE__ */ i.jsx("div", { className: m, style: y, onClick: o ? c : void 0, children: g });
+}, be = ({
   src: e,
   alt: n = "",
   aspectRatio: r,
   borderRadius: t = 0,
-  loading: i = "lazy",
-  onTap: o,
+  loading: s = "lazy",
+  onPress: o,
   context: a
 }) => {
   const d = async () => {
@@ -279,24 +277,24 @@ const be = ({
     objectFit: "cover",
     cursor: o ? "pointer" : void 0
   };
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ i.jsx(
     "img",
     {
       className: "pineui-image",
       src: e,
       alt: n,
-      loading: i,
+      loading: s,
       style: c,
       onClick: o ? d : void 0
     }
   );
-}, _e = ({
+}, je = ({
   src: e,
   size: n = 40,
-  onTap: r,
+  onPress: r,
   context: t
 }) => {
-  const i = async () => {
+  const s = async () => {
     r && t && await t.executeAction(r);
   }, o = {
     width: `${n}px`,
@@ -305,14 +303,14 @@ const be = ({
     objectFit: "cover",
     cursor: r ? "pointer" : void 0
   };
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ i.jsx(
     "img",
     {
       className: "pineui-avatar",
       src: e,
       alt: "Avatar",
       style: o,
-      onClick: r ? i : void 0
+      onClick: r ? s : void 0
     }
   );
 }, we = ({
@@ -322,7 +320,7 @@ const be = ({
   visible: t = !0
 }) => {
   if (!t) return null;
-  const i = {
+  const s = {
     fontSize: `${n}px`,
     color: r ? `var(--md-sys-color-${r}, ${r})` : void 0
   }, o = {
@@ -336,53 +334,72 @@ const be = ({
     iosShare: "↗️",
     moreVert: "⋮"
   };
-  return /* @__PURE__ */ s.jsx("span", { className: "pineui-icon", style: i, children: o[e] || e });
-}, Ne = ({
+  return /* @__PURE__ */ i.jsx("span", { className: "pineui-icon", style: s, children: o[e] || e });
+};
+function U(e, n) {
+  return e === "{{response}}" ? n : typeof e != "object" || e === null ? e : Array.isArray(e) ? e.map((r) => U(r, n)) : Object.fromEntries(
+    Object.entries(e).map(([r, t]) => [r, U(t, n)])
+  );
+}
+const _e = ({
   id: e,
   layout: n = "list",
   columns: r = 3,
   spacing: t = 16,
-  data: i,
+  data: s,
   itemTemplate: o,
   loadingState: a,
   emptyState: d,
   errorState: c,
-  refreshable: u = !1,
-  context: v,
+  refreshable: p = !1,
+  context: m,
   renderer: y
 }) => {
-  const [j, B] = x([]), [C, A] = x(!0), [k, D] = x(!1), [E, _] = x(null), [w, I] = x(!0), [P, f] = x(null);
-  R(() => {
-    h();
-  }, [v == null ? void 0 : v.state]);
-  const h = async (g = !1) => {
-    if (v)
+  const [g, j] = b([]), [w, T] = b(!0), [$, E] = b(!1), [_, N] = b(null), [C, O] = b(!0), [B, f] = b(null), h = s.type === "action.http" && m ? s.url.replace(/\{\{state\.([^}]+)\}\}/g, (k, u) => {
+    const v = u.split(".");
+    let x = m.state;
+    for (const I of v) {
+      if (x == null) return "";
+      x = x[I];
+    }
+    return x != null ? String(x) : "";
+  }) : "";
+  W(() => {
+    l();
+  }, [h]);
+  const l = async (k = !1) => {
+    if (m)
       try {
-        if (g ? D(!0) : A(!0), _(null), i.type === "action.http") {
-          let p = i.url;
-          p.includes("{{state.") && (p = p.replace(/\{\{state\.([^}]+)\}\}/g, (N, L) => {
-            const O = L.split(".");
-            let S = v.state;
-            for (const F of O) {
-              if (S == null) return "";
-              S = S[F];
+        if (k ? E(!0) : T(!0), N(null), s.type === "action.http") {
+          let u = s.url;
+          u.includes("{{state.") && (u = u.replace(/\{\{state\.([^}]+)\}\}/g, (M, P) => {
+            const z = P.split(".");
+            let D = m.state;
+            for (const re of z) {
+              if (D == null) return "";
+              D = D[re];
             }
-            return S != null ? String(S) : "";
-          })), g && P && (p += `${p.includes("?") ? "&" : "?"}after=${P}`);
-          const b = await (await fetch(p)).json(), $ = b.data || b;
-          B((N) => g ? [...N, ...$] : $), b.pagination ? (I(b.pagination.hasMore), f(b.pagination.cursor)) : I(!1);
+            return D != null ? String(D) : "";
+          })), k && B && (u += `${u.includes("?") ? "&" : "?"}after=${B}`);
+          const x = await (await fetch(u)).json(), I = x.data || x;
+          if (j((M) => k ? [...M, ...I] : I), s.onSuccess && m) {
+            console.log(`[Collection] onSuccess called with ${I.length} items`);
+            const M = U(s.onSuccess, I);
+            await m.executeAction(M), console.log("[Collection] onSuccess done");
+          }
+          x.pagination ? (O(x.pagination.hasMore), f(x.pagination.cursor)) : O(!1);
         }
-      } catch (p) {
-        _(p);
+      } catch (u) {
+        N(u);
       } finally {
-        A(!1), D(!1);
+        T(!1), E(!1);
       }
-  }, l = () => {
-    !k && w && h(!0);
+  }, A = () => {
+    !$ && C && l(!0);
   };
-  return !y || !v ? null : C && a ? /* @__PURE__ */ s.jsx(y, { node: a, context: v }) : E && c ? /* @__PURE__ */ s.jsx(y, { node: c, context: v }) : j.length === 0 && d ? /* @__PURE__ */ s.jsx(y, { node: d, context: v }) : /* @__PURE__ */ s.jsxs("div", { className: "pineui-collection", "data-collection-id": e, children: [
-    u && /* @__PURE__ */ s.jsx("div", { className: "pineui-collection__refresh", children: /* @__PURE__ */ s.jsx("button", { onClick: () => h(!1), children: "Refresh" }) }),
-    /* @__PURE__ */ s.jsx(
+  return !y || !m ? null : w && a ? /* @__PURE__ */ i.jsx(y, { node: a, context: m }) : _ && c ? /* @__PURE__ */ i.jsx(y, { node: c, context: m }) : g.length === 0 && d ? /* @__PURE__ */ i.jsx(y, { node: d, context: m }) : /* @__PURE__ */ i.jsxs("div", { className: "pineui-collection", "data-collection-id": e, children: [
+    p && /* @__PURE__ */ i.jsx("div", { className: "pineui-collection__refresh", children: /* @__PURE__ */ i.jsx("button", { onClick: () => l(!1), children: "Refresh" }) }),
+    /* @__PURE__ */ i.jsx(
       "div",
       {
         className: `pineui-collection__${n}`,
@@ -391,150 +408,170 @@ const be = ({
           gridTemplateColumns: `repeat(${r}, 1fr)`,
           gap: `${t}px`
         } : void 0,
-        children: j.map((g, p) => {
-          var b, $, N, L, O, S, F, q, G, Y;
-          let m = o;
-          return (b = o.type) != null && b.startsWith("pattern.") && (($ = o.props) == null ? void 0 : $.post) === "{{item}}" ? m = {
-            ...o,
-            props: {
-              ...o.props,
-              post: g
-            }
-          } : (N = o.type) != null && N.startsWith("pattern.") && ((L = o.props) == null ? void 0 : L.course) === "{{item}}" ? m = {
-            ...o,
-            props: {
-              ...o.props,
-              course: g
-            }
-          } : (O = o.type) != null && O.startsWith("pattern.") && ((S = o.props) == null ? void 0 : S.conversation) === "{{item}}" ? m = {
-            ...o,
-            props: {
-              ...o.props,
-              conversation: g
-            }
-          } : (F = o.type) != null && F.startsWith("pattern.") && ((q = o.props) == null ? void 0 : q.message) === "{{item}}" ? m = {
-            ...o,
-            props: {
-              ...o.props,
-              message: g
-            }
-          } : (G = o.type) != null && G.startsWith("pattern.") && ((Y = o.props) == null ? void 0 : Y.profile) === "{{item}}" && (m = {
-            ...o,
-            props: {
-              ...o.props,
-              profile: g
-            }
-          }), /* @__PURE__ */ s.jsx("div", { className: `pineui-collection__item ${n === "grid" ? "pineui-collection__item--grid" : ""}`, children: /* @__PURE__ */ s.jsx(y, { node: m, context: v, parentData: g }) }, g.id || p);
+        children: g.map((k, u) => {
+          const v = { ...m, item: k, index: u };
+          return /* @__PURE__ */ i.jsx("div", { className: `pineui-collection__item ${n === "grid" ? "pineui-collection__item--grid" : ""}`, children: /* @__PURE__ */ i.jsx(y, { node: o, context: v }) }, k.id || u);
         })
       }
     ),
-    w && !C && /* @__PURE__ */ s.jsx("div", { className: "pineui-collection__load-more", style: { padding: "16px", textAlign: "center" }, children: /* @__PURE__ */ s.jsx(
+    C && !w && /* @__PURE__ */ i.jsx("div", { className: "pineui-collection__load-more", style: { padding: "16px", textAlign: "center" }, children: /* @__PURE__ */ i.jsx(
       "button",
       {
-        onClick: l,
-        disabled: k,
+        onClick: A,
+        disabled: $,
         style: {
           padding: "12px 24px",
           fontSize: "14px",
           fontWeight: 500,
-          cursor: k ? "not-allowed" : "pointer",
-          opacity: k ? 0.6 : 1
+          cursor: $ ? "not-allowed" : "pointer",
+          opacity: $ ? 0.6 : 1
         },
-        children: k ? "Carregando..." : "Carregar mais"
+        children: $ ? "Carregando..." : "Carregar mais"
       }
     ) })
   ] });
+}, Ne = ({
+  data: e,
+  template: n,
+  itemTemplate: r,
+  layout: t = "list",
+  columns: s = 3,
+  spacing: o = 16,
+  context: a,
+  renderer: d
+}) => {
+  if (!d || !a) return null;
+  const c = n || r;
+  if (!c) return null;
+  const p = Array.isArray(e) ? e : [];
+  if (p.length === 0) return null;
+  const m = t === "grid" ? { display: "grid", gridTemplateColumns: `repeat(${s}, 1fr)`, gap: `${o}px` } : { display: "flex", flexDirection: "column", gap: `${o}px` };
+  return /* @__PURE__ */ i.jsx("div", { style: m, children: p.map((y, g) => {
+    const j = { ...a, item: y, index: g };
+    return /* @__PURE__ */ i.jsx(
+      d,
+      {
+        node: c,
+        context: j
+      },
+      y.id ?? g
+    );
+  }) });
 }, ke = ({
   appBar: e,
   body: n,
   floatingActionButton: r,
   bottomNavigationBar: t,
-  context: i,
+  context: s,
   renderer: o
-}) => !o || !i ? null : /* @__PURE__ */ s.jsxs("div", { className: "pineui-scaffold", children: [
-  e && /* @__PURE__ */ s.jsx("header", { className: "pineui-scaffold__appbar", children: /* @__PURE__ */ s.jsx(o, { node: e, context: i }) }),
-  /* @__PURE__ */ s.jsx("main", { className: "pineui-scaffold__body", children: /* @__PURE__ */ s.jsx(o, { node: n, context: i }) }),
-  r && /* @__PURE__ */ s.jsx("div", { className: "pineui-scaffold__fab", children: /* @__PURE__ */ s.jsx(o, { node: r, context: i }) }),
-  t && /* @__PURE__ */ s.jsx("footer", { className: "pineui-scaffold__bottomnav", children: /* @__PURE__ */ s.jsx(o, { node: t, context: i }) })
+}) => !o || !s ? null : /* @__PURE__ */ i.jsxs("div", { className: "pineui-scaffold", children: [
+  e && /* @__PURE__ */ i.jsx("header", { className: "pineui-scaffold__appbar", children: /* @__PURE__ */ i.jsx(o, { node: e, context: s }) }),
+  /* @__PURE__ */ i.jsx("main", { className: "pineui-scaffold__body", children: /* @__PURE__ */ i.jsx(o, { node: n, context: s }) }),
+  r && /* @__PURE__ */ i.jsx("div", { className: "pineui-scaffold__fab", children: /* @__PURE__ */ i.jsx(o, { node: r, context: s }) }),
+  t && /* @__PURE__ */ i.jsx("footer", { className: "pineui-scaffold__bottomnav", children: /* @__PURE__ */ i.jsx(o, { node: t, context: s }) })
 ] }), $e = ({
   title: e,
   leading: n,
   actions: r = [],
   context: t,
-  renderer: i
-}) => !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "pineui-appbar", children: [
-  n && /* @__PURE__ */ s.jsx("div", { className: "pineui-appbar__leading", children: /* @__PURE__ */ s.jsx(i, { node: n, context: t }) }),
-  e && /* @__PURE__ */ s.jsx("div", { className: "pineui-appbar__title", children: /* @__PURE__ */ s.jsx(i, { node: e, context: t }) }),
-  r.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "pineui-appbar__actions", children: r.map((o, a) => /* @__PURE__ */ s.jsx(i, { node: o, context: t }, a)) })
+  renderer: s
+}) => !s || !t ? null : /* @__PURE__ */ i.jsxs("div", { className: "pineui-appbar", children: [
+  n && /* @__PURE__ */ i.jsx("div", { className: "pineui-appbar__leading", children: /* @__PURE__ */ i.jsx(s, { node: n, context: t }) }),
+  e && /* @__PURE__ */ i.jsx("div", { className: "pineui-appbar__title", children: /* @__PURE__ */ i.jsx(s, { node: e, context: t }) }),
+  r.length > 0 && /* @__PURE__ */ i.jsx("div", { className: "pineui-appbar__actions", children: r.map((o, a) => /* @__PURE__ */ i.jsx(s, { node: o, context: t }, a)) })
 ] }), Ce = ({
   items: e,
   currentIndex: n,
   onItemTap: r,
   context: t
 }) => {
-  const i = async (o) => {
+  const s = async (o) => {
     if (!t) return;
     const a = JSON.parse(
       JSON.stringify(r).replace(/\{\{item\.(\w+)\}\}/g, (d, c) => {
-        const u = o[c];
-        return u != null ? String(u) : "";
+        const p = o[c];
+        return p != null ? String(p) : "";
       })
     );
     await t.executeAction(a);
   };
-  return /* @__PURE__ */ s.jsx("nav", { className: "pineui-bottomnav", children: e.map((o, a) => /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ i.jsx("nav", { className: "pineui-bottomnav", children: e.map((o, a) => /* @__PURE__ */ i.jsxs(
     "button",
     {
       className: `pineui-bottomnav__item ${a === n ? "pineui-bottomnav__item--active" : ""}`,
-      onClick: () => i(o),
+      onClick: () => s(o),
       children: [
-        /* @__PURE__ */ s.jsxs("div", { className: "pineui-bottomnav__icon-container", children: [
-          /* @__PURE__ */ s.jsx("span", { className: "pineui-bottomnav__icon", children: o.icon }),
-          o.badge && o.badge > 0 && /* @__PURE__ */ s.jsx("span", { className: "pineui-bottomnav__badge", children: o.badge })
+        /* @__PURE__ */ i.jsxs("div", { className: "pineui-bottomnav__icon-container", children: [
+          /* @__PURE__ */ i.jsx("span", { className: "pineui-bottomnav__icon", children: o.icon }),
+          o.badge && o.badge > 0 && /* @__PURE__ */ i.jsx("span", { className: "pineui-bottomnav__badge", children: o.badge })
         ] }),
-        /* @__PURE__ */ s.jsx("span", { className: "pineui-bottomnav__label", children: o.label })
+        /* @__PURE__ */ i.jsx("span", { className: "pineui-bottomnav__label", children: o.label })
       ]
     },
     a
   )) });
-}, Ae = ({
-  id: e,
-  placeholder: n = "",
-  value: r = "",
-  multiline: t = !1,
-  maxLines: i = 1,
-  maxLength: o,
-  autofocus: a = !1,
-  onChanged: d,
-  context: c
+}, V = ({
+  type: e,
+  id: n,
+  label: r,
+  placeholder: t = "",
+  value: s = "",
+  error: o,
+  multiline: a = !1,
+  maxLines: d = 1,
+  maxLength: c,
+  autofocus: p = !1,
+  onChanged: m,
+  onChange: y,
+  context: g
 }) => {
-  const v = {
-    id: e,
-    placeholder: n,
-    defaultValue: r,
-    maxLength: o,
-    autoFocus: a,
-    onChange: async (y) => {
-      if (!d || !c) return;
-      const j = JSON.parse(
-        JSON.stringify(d).replace(/\{\{value\}\}/g, y.target.value)
-      );
-      await c.executeAction(j);
-    },
-    className: "pineui-input"
+  const j = y || m, w = async (_) => {
+    !j || !g || await g.executeAction(j, { event: { value: _.target.value }, value: _.target.value });
+  }, $ = {
+    "input.email": "email",
+    "input.password": "password",
+    "input.number": "number",
+    "input.search": "search",
+    "input.text": "text"
+  }[e] || "text", E = {
+    id: n,
+    placeholder: t,
+    defaultValue: s,
+    maxLength: c,
+    autoFocus: p,
+    onChange: w,
+    className: `pineui-input${o ? " pineui-input--error" : ""}`
   };
-  return t ? /* @__PURE__ */ s.jsx(
-    "textarea",
-    {
-      ...v,
-      rows: i,
-      style: {
-        resize: "none",
-        minHeight: `${i * 24}px`
+  return /* @__PURE__ */ i.jsxs("div", { className: "pineui-input-wrapper", style: { width: "100%" }, children: [
+    r && /* @__PURE__ */ i.jsx(
+      "label",
+      {
+        htmlFor: n,
+        style: {
+          display: "block",
+          fontSize: "12px",
+          fontWeight: 500,
+          color: o ? "var(--md-sys-color-error)" : "var(--md-sys-color-onSurfaceVariant)",
+          marginBottom: "4px"
+        },
+        children: r
       }
-    }
-  ) : /* @__PURE__ */ s.jsx("input", { ...v, type: "text" });
-}, Ee = ({
+    ),
+    a ? /* @__PURE__ */ i.jsx(
+      "textarea",
+      {
+        ...E,
+        rows: d,
+        style: { resize: "none", minHeight: `${d * 24}px` }
+      }
+    ) : /* @__PURE__ */ i.jsx("input", { ...E, type: $ }),
+    o && /* @__PURE__ */ i.jsx("p", { style: {
+      fontSize: "12px",
+      color: "var(--md-sys-color-error)",
+      marginTop: "4px"
+    }, children: o })
+  ] });
+}, Ae = ({
   thickness: e = 1,
   color: n = "surfaceVariant"
 }) => {
@@ -544,117 +581,127 @@ const be = ({
     border: "none",
     margin: 0
   };
-  return /* @__PURE__ */ s.jsx("hr", { className: "pineui-divider", style: r });
-}, Se = ({
+  return /* @__PURE__ */ i.jsx("hr", { className: "pineui-divider", style: r });
+}, Te = ({
   conditions: e,
   context: n,
   renderer: r
 }) => {
   if (!r || !n) return null;
   for (const t of e) {
-    const i = W({ when: t.when }, n);
-    if (i.when === !0 || i.when === "true")
-      return /* @__PURE__ */ s.jsx(r, { node: t.render, context: n });
+    const s = S({ when: t.when }, n);
+    if (s.when === !0 || s.when === "true")
+      return /* @__PURE__ */ i.jsx(r, { node: t.render, context: n });
   }
   return null;
-}, Ie = ({
+}, Ee = ({
+  condition: e,
+  children: n,
+  child: r,
+  context: t,
+  renderer: s
+}) => {
+  if (!s || !t) return null;
+  const o = S({ condition: e }, t);
+  return o.condition === !0 || o.condition === "true" || o.condition === 1 ? r ? /* @__PURE__ */ i.jsx(s, { node: r, context: t }) : n ? /* @__PURE__ */ i.jsx(i.Fragment, { children: n.map((d, c) => /* @__PURE__ */ i.jsx(s, { node: d, context: t }, c)) }) : null : null;
+}, Se = ({
   tabs: e,
   defaultTab: n,
   context: r,
   renderer: t
 }) => {
   var d;
-  const [i, o] = x(n || ((d = e[0]) == null ? void 0 : d.id));
+  const [s, o] = b(n || ((d = e[0]) == null ? void 0 : d.id));
   if (!t || !r) return null;
-  const a = e.find((c) => c.id === i);
-  return /* @__PURE__ */ s.jsxs("div", { className: "pineui-tabs", children: [
-    /* @__PURE__ */ s.jsx("div", { className: "pineui-tabs__header", children: e.map((c) => /* @__PURE__ */ s.jsxs(
+  const a = e.find((c) => c.id === s);
+  return /* @__PURE__ */ i.jsxs("div", { className: "pineui-tabs", children: [
+    /* @__PURE__ */ i.jsx("div", { className: "pineui-tabs__header", children: e.map((c) => /* @__PURE__ */ i.jsxs(
       "button",
       {
-        className: `pineui-tabs__tab ${i === c.id ? "pineui-tabs__tab--active" : ""}`,
+        className: `pineui-tabs__tab ${s === c.id ? "pineui-tabs__tab--active" : ""}`,
         onClick: () => o(c.id),
         children: [
-          c.icon && /* @__PURE__ */ s.jsx("span", { className: "pineui-tabs__icon", children: c.icon }),
-          /* @__PURE__ */ s.jsx("span", { className: "pineui-tabs__label", children: c.label }),
-          c.badge !== void 0 && c.badge > 0 && /* @__PURE__ */ s.jsx("span", { className: "pineui-tabs__badge", children: c.badge })
+          c.icon && /* @__PURE__ */ i.jsx("span", { className: "pineui-tabs__icon", children: c.icon }),
+          /* @__PURE__ */ i.jsx("span", { className: "pineui-tabs__label", children: c.label }),
+          c.badge !== void 0 && c.badge > 0 && /* @__PURE__ */ i.jsx("span", { className: "pineui-tabs__badge", children: c.badge })
         ]
       },
       c.id
     )) }),
-    /* @__PURE__ */ s.jsx("div", { className: "pineui-tabs__content", children: a && /* @__PURE__ */ s.jsx(t, { node: a.content, context: r }) })
+    /* @__PURE__ */ i.jsx("div", { className: "pineui-tabs__content", children: a && /* @__PURE__ */ i.jsx(t, { node: a.content, context: r }) })
   ] });
-}, Oe = ({
+}, Ie = ({
   label: e,
   variant: n = "default",
   size: r = "medium"
 }) => {
-  const t = V(
+  const t = F(
     "pineui-badge",
     `pineui-badge--${n}`,
     `pineui-badge--${r}`
   );
-  return /* @__PURE__ */ s.jsx("span", { className: t, children: e });
-}, Me = ({
+  return /* @__PURE__ */ i.jsx("span", { className: t, children: e });
+}, Oe = ({
   label: e,
   icon: n,
   selected: r = !1,
   onPress: t,
-  context: i
+  context: s
 }) => {
   const o = async () => {
-    t && i && await i.executeAction(t);
-  }, a = V("pineui-chip", {
+    t && s && await s.executeAction(t);
+  }, a = F("pineui-chip", {
     "pineui-chip--selected": r
   });
-  return /* @__PURE__ */ s.jsxs("button", { className: a, onClick: o, children: [
-    n && /* @__PURE__ */ s.jsx("span", { className: "pineui-chip__icon", children: n }),
-    /* @__PURE__ */ s.jsx("span", { className: "pineui-chip__label", children: e })
+  return /* @__PURE__ */ i.jsxs("button", { className: a, onClick: o, children: [
+    n && /* @__PURE__ */ i.jsx("span", { className: "pineui-chip__icon", children: n }),
+    /* @__PURE__ */ i.jsx("span", { className: "pineui-chip__label", children: e })
   ] });
-}, We = ({
+}, Me = ({
   children: e,
   columns: n = 3,
   spacing: r = 16,
   context: t,
-  renderer: i
+  renderer: s
 }) => {
-  if (!i || !t) return null;
+  if (!s || !t) return null;
   const o = {
     display: "grid",
     gridTemplateColumns: `repeat(${n}, 1fr)`,
     gap: `${r}px`
   };
-  return /* @__PURE__ */ s.jsx("div", { className: "pineui-grid", style: o, children: e.map((a, d) => /* @__PURE__ */ s.jsx(i, { node: a, context: t }, d)) });
+  return /* @__PURE__ */ i.jsx("div", { className: "pineui-grid", style: o, children: e.map((a, d) => /* @__PURE__ */ i.jsx(s, { node: a, context: t }, d)) });
 }, Be = ({
   value: e,
   label: n,
   showPercentage: r = !1,
   color: t = "primary"
 }) => {
-  const i = Math.min(100, Math.max(0, e));
-  return /* @__PURE__ */ s.jsxs("div", { className: "pineui-progress", children: [
-    (n || r) && /* @__PURE__ */ s.jsxs("div", { className: "pineui-progress__header", children: [
-      n && /* @__PURE__ */ s.jsx("span", { className: "pineui-progress__label", children: n }),
-      r && /* @__PURE__ */ s.jsxs("span", { className: "pineui-progress__percentage", children: [
-        i,
+  const s = Math.min(100, Math.max(0, e));
+  return /* @__PURE__ */ i.jsxs("div", { className: "pineui-progress", children: [
+    (n || r) && /* @__PURE__ */ i.jsxs("div", { className: "pineui-progress__header", children: [
+      n && /* @__PURE__ */ i.jsx("span", { className: "pineui-progress__label", children: n }),
+      r && /* @__PURE__ */ i.jsxs("span", { className: "pineui-progress__percentage", children: [
+        s,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ s.jsx("div", { className: "pineui-progress__track", children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ i.jsx("div", { className: "pineui-progress__track", children: /* @__PURE__ */ i.jsx(
       "div",
       {
         className: `pineui-progress__fill pineui-progress__fill--${t}`,
-        style: { width: `${i}%` }
+        style: { width: `${s}%` }
       }
     ) })
   ] });
-}, De = ({
+}, We = ({
   columns: e,
   data: n,
   context: r,
   renderer: t
 }) => {
-  const [i, o] = x([]), [a, d] = x(!0);
-  R(() => {
+  const [s, o] = b([]), [a, d] = b(!0);
+  W(() => {
     c();
   }, []);
   const c = async () => {
@@ -665,147 +712,154 @@ const be = ({
       }
       if (n.type === "action.http")
         try {
-          const u = n, y = await (await fetch(u.url, {
-            method: u.method || "GET",
+          const p = n, y = await (await fetch(p.url, {
+            method: p.method || "GET",
             headers: {
               "Content-Type": "application/json"
             },
-            body: u.body ? JSON.stringify(u.body) : void 0
+            body: p.body ? JSON.stringify(p.body) : void 0
           })).json();
           o(y.data || y), d(!1);
-        } catch (u) {
-          console.error("Table data fetch error:", u), d(!1);
+        } catch (p) {
+          console.error("Table data fetch error:", p), d(!1);
         }
     }
   };
-  return !t || !r ? null : a ? /* @__PURE__ */ s.jsx("div", { className: "pineui-table", children: /* @__PURE__ */ s.jsx("p", { style: { padding: "16px", textAlign: "center" }, children: "Loading..." }) }) : /* @__PURE__ */ s.jsx("div", { className: "pineui-table", children: /* @__PURE__ */ s.jsxs("table", { children: [
-    /* @__PURE__ */ s.jsx("thead", { children: /* @__PURE__ */ s.jsx("tr", { children: e.map((u) => /* @__PURE__ */ s.jsx(
+  return !t || !r ? null : a ? /* @__PURE__ */ i.jsx("div", { className: "pineui-table", children: /* @__PURE__ */ i.jsx("p", { style: { padding: "16px", textAlign: "center" }, children: "Loading..." }) }) : /* @__PURE__ */ i.jsx("div", { className: "pineui-table", children: /* @__PURE__ */ i.jsxs("table", { children: [
+    /* @__PURE__ */ i.jsx("thead", { children: /* @__PURE__ */ i.jsx("tr", { children: e.map((p) => /* @__PURE__ */ i.jsx(
       "th",
       {
-        style: { width: u.width },
+        style: { width: p.width },
         className: "pineui-table__header",
-        children: u.label
+        children: p.label
       },
-      u.key
+      p.key
     )) }) }),
-    /* @__PURE__ */ s.jsx("tbody", { children: i.map((u, v) => /* @__PURE__ */ s.jsx("tr", { className: "pineui-table__row", children: e.map((y) => /* @__PURE__ */ s.jsx("td", { className: "pineui-table__cell", children: y.template ? /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ i.jsx("tbody", { children: s.map((p, m) => /* @__PURE__ */ i.jsx("tr", { className: "pineui-table__row", children: e.map((y) => /* @__PURE__ */ i.jsx("td", { className: "pineui-table__cell", children: y.template ? /* @__PURE__ */ i.jsx(
       t,
       {
         node: y.template,
         context: r,
-        parentData: u
+        parentData: p
       }
-    ) : /* @__PURE__ */ s.jsx("span", { children: u[y.key] }) }, y.key)) }, v)) })
+    ) : /* @__PURE__ */ i.jsx("span", { children: p[y.key] }) }, y.key)) }, m)) })
   ] }) });
-}, Pe = ({ name: e, context: n, renderer: r, flex: t, width: i, height: o }) => {
+}, Fe = ({ name: e, context: n, renderer: r, flex: t, width: s, height: o }) => {
   var c;
   const a = (c = n == null ? void 0 : n.views) == null ? void 0 : c[e];
   if (!a)
     return console.warn(`View not found: ${e}`), null;
   const d = {};
-  return t && (d.flex = t), i && (d.width = i), o && (d.height = o), /* @__PURE__ */ s.jsx("div", { className: "pineui-view", style: d, children: /* @__PURE__ */ s.jsx(r, { node: a.screen, context: n }) });
-}, Le = {
-  text: ve,
-  "button.filled": J,
-  "button.text": J,
-  "button.icon": J,
-  "button.fab": J,
-  "layout.column": X,
-  "layout.row": X,
+  return t && (d.flex = t), s && (d.width = s), o && (d.height = o), /* @__PURE__ */ i.jsx("div", { className: "pineui-view", style: d, children: /* @__PURE__ */ i.jsx(r, { node: a.screen, context: n }) });
+}, De = {
+  text: he,
+  "button.filled": L,
+  "button.text": L,
+  "button.outlined": L,
+  "button.icon": L,
+  "button.fab": L,
+  "layout.column": Y,
+  "layout.row": Y,
   "layout.scaffold": ke,
   "layout.appBar": $e,
   "layout.bottomNav": Ce,
-  card: be,
-  image: je,
-  avatar: _e,
+  card: ge,
+  image: be,
+  avatar: je,
   icon: we,
-  collection: Ne,
-  "input.text": Ae,
-  divider: Ee,
-  conditionalRender: Se,
-  tabs: Ie,
-  badge: Oe,
-  chip: Me,
-  grid: We,
+  collection: _e,
+  "collection.map": Ne,
+  "input.text": V,
+  "input.email": V,
+  "input.password": V,
+  "input.number": V,
+  "input.search": V,
+  divider: Ae,
+  conditionalRender: Te,
+  "conditional.render": Ee,
+  tabs: Se,
+  badge: Ie,
+  chip: Oe,
+  grid: Me,
   progress: Be,
-  table: De,
-  view: Pe
-}, z = ({ node: e, context: n, parentData: r }) => {
+  table: We,
+  view: Fe
+}, R = ({ node: e, context: n, parentData: r }) => {
   if (!e || !e.type)
     return null;
-  const t = r !== void 0 ? Object.assign({}, n, { item: r }) : n, o = e.type !== "collection" ? W(e, t) : e;
+  const t = r !== void 0 ? Object.assign({}, n, { item: r }) : n, o = e.type !== "collection" ? S(e, t) : e;
   if (o.type.startsWith("component.")) {
     const d = o.type, c = n.components[d];
     if (!c)
       return console.warn(`Component not found: ${d}`), null;
-    const u = {
+    const p = {
       ...t,
       props: o.props
     };
-    return /* @__PURE__ */ s.jsx(z, { node: c.definition, context: u, parentData: r });
+    return /* @__PURE__ */ i.jsx(R, { node: c.definition, context: p, parentData: r });
   }
-  const a = Le[o.type];
-  return a ? /* @__PURE__ */ s.jsx(
+  const a = De[o.type];
+  return a ? /* @__PURE__ */ i.jsx(
     a,
     {
       ...o,
       context: n,
-      renderer: z
+      renderer: R
     }
   ) : (console.warn(`Unknown component type: ${o.type}`), null);
-}, Re = ({ messages: e, onDismiss: n }) => /* @__PURE__ */ s.jsx("div", { className: "pineui-snackbar-container", children: e.map((r) => /* @__PURE__ */ s.jsx(Ve, { message: r, onDismiss: n }, r.id)) }), Ve = ({
+}, Le = ({ messages: e, onDismiss: n }) => /* @__PURE__ */ i.jsx("div", { className: "pineui-snackbar-container", children: e.map((r) => /* @__PURE__ */ i.jsx(Ve, { message: r, onDismiss: n }, r.id)) }), Ve = ({
   message: e,
   onDismiss: n
 }) => {
-  const [r, t] = x(!1);
-  return R(() => {
+  const [r, t] = b(!1);
+  return W(() => {
     setTimeout(() => t(!0), 10);
-    const i = setTimeout(() => {
+    const s = setTimeout(() => {
       t(!1), setTimeout(() => n(e.id), 300);
     }, e.duration || 3e3);
-    return () => clearTimeout(i);
-  }, [e, n]), /* @__PURE__ */ s.jsxs("div", { className: `pineui-snackbar ${r ? "pineui-snackbar--visible" : ""}`, children: [
-    /* @__PURE__ */ s.jsx("span", { className: "pineui-snackbar__message", children: e.message }),
-    e.action && /* @__PURE__ */ s.jsx("button", { className: "pineui-snackbar__action", onClick: e.action.onPress, children: e.action.label })
+    return () => clearTimeout(s);
+  }, [e, n]), /* @__PURE__ */ i.jsxs("div", { className: `pineui-snackbar ${r ? "pineui-snackbar--visible" : ""}`, children: [
+    /* @__PURE__ */ i.jsx("span", { className: "pineui-snackbar__message", children: e.message }),
+    e.action && /* @__PURE__ */ i.jsx("button", { className: "pineui-snackbar__action", onClick: e.action.onPress, children: e.action.label })
   ] });
-}, Fe = ({
+}, ze = ({
   presentation: e = "modal",
   dismissible: n = !0,
   child: r,
   onClose: t,
-  context: i,
+  context: s,
   renderer: o
 }) => {
-  if (R(() => (document.body.style.overflow = "hidden", () => {
+  if (W(() => (document.body.style.overflow = "hidden", () => {
     document.body.style.overflow = "";
-  }), []), !o || !i) return null;
-  const a = (u) => {
-    n && u.target === u.currentTarget && t();
-  }, d = (u) => {
-    n && u.key === "Escape" && t();
+  }), []), !o || !s) return null;
+  const a = (p) => {
+    n && p.target === p.currentTarget && t();
+  }, d = (p) => {
+    n && p.key === "Escape" && t();
   };
-  R(() => (window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d)), [n]);
+  W(() => (window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d)), [n]);
   const c = e === "bottomSheet" ? "pineui-modal-backdrop pineui-modal-backdrop--bottomSheet" : "pineui-modal-backdrop";
-  return /* @__PURE__ */ s.jsx("div", { className: c, onClick: a, children: /* @__PURE__ */ s.jsx("div", { className: `pineui-modal pineui-modal--${e}`, children: /* @__PURE__ */ s.jsx(o, { node: r, context: i }) }) });
-}, Je = ({
+  return /* @__PURE__ */ i.jsx("div", { className: c, onClick: a, children: /* @__PURE__ */ i.jsx("div", { className: `pineui-modal pineui-modal--${e}`, children: /* @__PURE__ */ i.jsx(o, { node: r, context: s }) }) });
+}, Re = ({
   overlays: e,
   onClose: n,
   context: r,
   renderer: t
-}) => /* @__PURE__ */ s.jsx(s.Fragment, { children: Object.entries(e).map(
-  ([i, { visible: o, config: a }]) => o ? /* @__PURE__ */ s.jsx(
-    Fe,
+}) => /* @__PURE__ */ i.jsx(i.Fragment, { children: Object.entries(e).map(
+  ([s, { visible: o, config: a }]) => o ? /* @__PURE__ */ i.jsx(
+    ze,
     {
-      id: i,
+      id: s,
       ...a,
-      onClose: () => n(i),
+      onClose: () => n(s),
       context: r,
       renderer: t
     },
-    i
+    s
   ) : null
 ) });
-function H(e, n) {
+function q(e, n) {
   if (n.startsWith("http://") || n.startsWith("https://"))
     return n;
   try {
@@ -822,28 +876,28 @@ async function Z(e, n) {
   if (e.imports.components)
     for (const t of e.imports.components)
       try {
-        const i = H(n, t), a = await (await fetch(i)).json();
+        const s = q(n, t), a = await (await fetch(s)).json();
         r.components = {
           ...r.components,
           ...a
         };
-      } catch (i) {
-        console.error(`❌ Failed to load component from ${t}:`, i), console.error(`   Resolved URL: ${H(n, t)}`);
+      } catch (s) {
+        console.error(`❌ Failed to load component from ${t}:`, s), console.error(`   Resolved URL: ${q(n, t)}`);
       }
   if (e.imports.views)
     for (const t of e.imports.views)
       try {
-        const i = H(n, t), a = await (await fetch(i)).json();
+        const s = q(n, t), a = await (await fetch(s)).json();
         r.views = {
           ...r.views,
           ...a
         };
-      } catch (i) {
-        console.error(`Failed to load view from ${t}:`, i);
+      } catch (s) {
+        console.error(`Failed to load view from ${t}:`, s);
       }
   return r;
 }
-class ze extends se {
+class He extends se {
   constructor(n) {
     super(n), this.state = { hasError: !1, error: null };
   }
@@ -855,11 +909,11 @@ class ze extends se {
   }
   render() {
     var n;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ s.jsxs("div", { className: "pineui-error", style: { padding: "24px", textAlign: "center" }, children: [
-      /* @__PURE__ */ s.jsx("div", { style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
-      /* @__PURE__ */ s.jsx("h3", { style: { marginBottom: "8px", fontSize: "18px", fontWeight: 600 }, children: "Something went wrong" }),
-      /* @__PURE__ */ s.jsx("p", { style: { color: "#79747E", fontSize: "14px", marginBottom: "16px" }, children: ((n = this.state.error) == null ? void 0 : n.message) || "An unexpected error occurred" }),
-      /* @__PURE__ */ s.jsx(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i.jsxs("div", { className: "pineui-error", style: { padding: "24px", textAlign: "center" }, children: [
+      /* @__PURE__ */ i.jsx("div", { style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
+      /* @__PURE__ */ i.jsx("h3", { style: { marginBottom: "8px", fontSize: "18px", fontWeight: 600 }, children: "Something went wrong" }),
+      /* @__PURE__ */ i.jsx("p", { style: { color: "#79747E", fontSize: "14px", marginBottom: "16px" }, children: ((n = this.state.error) == null ? void 0 : n.message) || "An unexpected error occurred" }),
+      /* @__PURE__ */ i.jsx(
         "button",
         {
           onClick: () => window.location.reload(),
@@ -879,17 +933,17 @@ class ze extends se {
     ] }) : this.props.children;
   }
 }
-function Te(e, n) {
+function Pe(e, n) {
   const r = n.split(".");
   let t = e;
-  for (const i of r) {
+  for (const s of r) {
     if (t == null) return;
-    t = t[i];
+    t = t[s];
   }
   return t;
 }
-const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
-  const [t, i] = x(null), [o, a] = x(!0), [d, c] = x(null), [u, v] = x([]), [y, j] = x({}), B = (e == null ? void 0 : e.state) || {
+const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
+  const [t, s] = b(null), [o, a] = b(!0), [d, c] = b(null), [p, m] = b([]), [y, g] = b({}), j = (e == null ? void 0 : e.state) || {
     currentUser: {
       id: "user_current",
       username: "currentuser",
@@ -902,84 +956,82 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       posting: !1
     },
     testInput: ""
-  }, [C, A] = x(B);
-  R(() => {
-    n && !e ? D() : e && k();
+  }, [w, T] = b(j);
+  W(() => {
+    n && !e ? E() : e && $();
   }, [n, e, r]);
-  const k = async () => {
+  const $ = async () => {
     try {
       a(!0);
       let f = e;
-      f.imports && r && (console.log("Loading imports for initial schema...", f.imports), f = await Z(f, r), console.log("Imports loaded! Components:", Object.keys(f.components || {}))), i(f), f.state && A((h) => ({ ...h, ...f.state }));
+      f.imports && r && (console.log("Loading imports for initial schema...", f.imports), f = await Z(f, r), console.log("Imports loaded! Components:", Object.keys(f.components || {}))), s(f), f.state && T((h) => ({ ...h, ...f.state }));
     } catch (f) {
       c(f);
     } finally {
       a(!1);
     }
-  }, D = async () => {
+  }, E = async () => {
     try {
       a(!0);
       let h = await (await fetch(n)).json();
-      h.imports && r && (h = await Z(h, r)), i(h), h.state && A((l) => ({ ...l, ...h.state }));
+      h.imports && r && (h = await Z(h, r)), s(h), h.state && T((l) => ({ ...l, ...h.state }));
     } catch (f) {
       c(f);
     } finally {
       a(!1);
     }
-  }, E = async (f, h) => {
-    var g;
-    console.log("Executing action:", f, "with params:", h);
-    let l = f;
-    if (h) {
-      const m = JSON.stringify(f).replace(/\{\{([^}]+)\}\}/g, (b, $) => {
-        const N = $.trim();
-        return h[N] !== void 0 ? String(h[N]) : "";
-      });
-      l = JSON.parse(m);
-    }
+  }, _ = async (f, h) => {
+    var A, k;
+    (f.type === "action.sequence" || f.intent && f.intent.startsWith("course")) && console.log(`[executeAction] type=${f.intent || f.type}, courseList.length=${((A = w.courseList) == null ? void 0 : A.length) ?? "N/A"}, selectedCourseIndex=${w.selectedCourseIndex}`);
+    const l = S(f, { state: w, ...h });
     if (l.intent) {
-      const p = l.intent, m = { ...h, ...l };
-      return delete m.intent, _(p, m);
+      const u = l.intent, v = { ...h, ...l };
+      return delete v.intent, N(u, v);
+    }
+    if (l.type === "intent" && l.name) {
+      const u = { ...h, ...l };
+      return delete u.type, delete u.name, N(l.name, u);
     }
     if (l.type && l.type.startsWith("intent.")) {
-      const p = l.type.substring(7), m = { ...h, ...l };
-      return delete m.type, _(p, m);
+      const u = l.type.substring(7), v = { ...h, ...l };
+      return delete v.type, N(u, v);
     }
     switch (l.type) {
       case "action.http": {
         try {
-          const p = l.url.startsWith("http") ? l.url : `${r}${l.url}`, b = await (await fetch(p, {
+          const u = l.url.startsWith("http") ? l.url : `${r}${l.url}`, x = await (await fetch(u, {
             method: l.method || "GET",
             headers: {
               "Content-Type": "application/json"
             },
             body: l.body ? JSON.stringify(l.body) : void 0
           })).json();
-          console.log("HTTP action result:", b);
-        } catch (p) {
-          console.error("HTTP action error:", p);
+          console.log("HTTP action result:", x);
+        } catch (u) {
+          console.error("HTTP action error:", u);
         }
         break;
       }
       case "action.state.patch": {
-        A((p) => {
-          const m = { ...p };
-          return Ue(m, l.path, l.value), m;
+        const u = l.value;
+        console.log(`[patch] ${l.path} =`, typeof u == "object" && u !== null ? Array.isArray(u) ? `Array(${u.length})` : `{id: ${u == null ? void 0 : u.id}, title: ${u == null ? void 0 : u.title}}` : u), T((v) => {
+          const x = { ...v };
+          return Je(x, l.path, l.value), x;
         });
         break;
       }
       case "action.overlay.open": {
-        const p = (g = t == null ? void 0 : t.overlays) == null ? void 0 : g[l.overlayId];
-        p ? j((m) => ({
-          ...m,
-          [l.overlayId]: { visible: !0, config: p }
+        const u = (k = t == null ? void 0 : t.overlays) == null ? void 0 : k[l.overlayId];
+        u ? g((v) => ({
+          ...v,
+          [l.overlayId]: { visible: !0, config: u }
         })) : console.warn("Overlay not found:", l.overlayId);
         break;
       }
       case "action.overlay.close": {
-        j((p) => ({
-          ...p,
-          [l.overlayId]: { ...p[l.overlayId], visible: !1 }
+        g((u) => ({
+          ...u,
+          [l.overlayId]: { ...u[l.overlayId], visible: !1 }
         }));
         break;
       }
@@ -988,34 +1040,39 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
         break;
       }
       case "action.snackbar.show": {
-        const p = typeof l.message == "string" && l.message.includes("{{") ? l.message.replace(/\{\{(.+?)\}\}/g, (b, $) => {
-          const N = $.trim();
-          if (N.startsWith("state.")) {
-            const L = N.substring(6), O = Te(C, L);
-            return O != null ? String(O) : "";
+        const u = typeof l.message == "string" && l.message.includes("{{") ? l.message.replace(/\{\{(.+?)\}\}/g, (x, I) => {
+          const M = I.trim();
+          if (M.startsWith("state.")) {
+            const P = M.substring(6), z = Pe(w, P);
+            return z != null ? String(z) : "";
           }
           return "";
-        }) : l.message, m = {
+        }) : l.message, v = {
           id: `snackbar-${Date.now()}`,
-          message: p,
+          message: u,
           duration: l.duration || 3e3,
           action: l.action ? {
             label: l.action.label,
-            onPress: () => E(l.action.onPress)
+            onPress: () => _(l.action.onPress)
           } : void 0
         };
-        v((b) => [...b, m]);
+        m((x) => [...x, v]);
         break;
       }
       case "action.delay": {
-        const p = l.duration || 1e3;
-        await new Promise((m) => setTimeout(m, p));
+        const u = l.duration || 1e3;
+        await new Promise((v) => setTimeout(v, u));
+        break;
+      }
+      case "action.sequence": {
+        for (const u of l.actions ?? [])
+          await _(u, h);
         break;
       }
       default:
         console.warn("Unknown action type:", l.type);
     }
-  }, _ = async (f, h) => {
+  }, N = async (f, h) => {
     if (console.log("Executing intent:", f, h), !(t != null && t.intents)) return;
     const l = t.intents[f];
     if (!l) {
@@ -1023,22 +1080,22 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       return;
     }
     if (Array.isArray(l.handler))
-      for (const g of l.handler)
-        await E(g, h);
+      for (const A of l.handler)
+        await _(A, h);
     else
-      await E(l.handler, h);
-  }, w = {
-    state: C,
+      await _(l.handler, h);
+  }, C = {
+    state: w,
     data: {},
     components: (t == null ? void 0 : t.components) || {},
     views: (t == null ? void 0 : t.views) || {},
     intents: (t == null ? void 0 : t.intents) || {},
     schema: t,
-    executeAction: E,
-    executeIntent: _
+    executeAction: _,
+    executeIntent: N
   };
   if (o)
-    return /* @__PURE__ */ s.jsxs("div", { className: "pineui-loading", style: {
+    return /* @__PURE__ */ i.jsxs("div", { className: "pineui-loading", style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -1047,7 +1104,7 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       gap: "16px",
       color: "#79747E"
     }, children: [
-      /* @__PURE__ */ s.jsx("div", { style: {
+      /* @__PURE__ */ i.jsx("div", { style: {
         width: "40px",
         height: "40px",
         border: "4px solid #E7E0EC",
@@ -1055,8 +1112,8 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
         borderRadius: "50%",
         animation: "pineui-spin 1s linear infinite"
       } }),
-      /* @__PURE__ */ s.jsx("p", { style: { margin: 0, fontSize: "14px", fontWeight: 500 }, children: "Loading application..." }),
-      /* @__PURE__ */ s.jsx("style", { dangerouslySetInnerHTML: {
+      /* @__PURE__ */ i.jsx("p", { style: { margin: 0, fontSize: "14px", fontWeight: 500 }, children: "Loading application..." }),
+      /* @__PURE__ */ i.jsx("style", { dangerouslySetInnerHTML: {
         __html: `
             @keyframes pineui-spin {
               0% { transform: rotate(0deg); }
@@ -1066,52 +1123,52 @@ const He = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       } })
     ] });
   if (d)
-    return /* @__PURE__ */ s.jsx("div", { className: "pineui-error", children: /* @__PURE__ */ s.jsxs("p", { children: [
+    return /* @__PURE__ */ i.jsx("div", { className: "pineui-error", children: /* @__PURE__ */ i.jsxs("p", { children: [
       "Error loading schema: ",
       d.message
     ] }) });
   if (!t)
-    return /* @__PURE__ */ s.jsx("div", { className: "pineui-error", children: /* @__PURE__ */ s.jsx("p", { children: "No schema provided" }) });
-  const I = (f) => {
-    v((h) => h.filter((l) => l.id !== f));
-  }, P = (f) => {
-    j((h) => ({
+    return /* @__PURE__ */ i.jsx("div", { className: "pineui-error", children: /* @__PURE__ */ i.jsx("p", { children: "No schema provided" }) });
+  const O = (f) => {
+    m((h) => h.filter((l) => l.id !== f));
+  }, B = (f) => {
+    g((h) => ({
       ...h,
       [f]: { ...h[f], visible: !1 }
     }));
   };
-  return /* @__PURE__ */ s.jsx(ze, { children: /* @__PURE__ */ s.jsxs("div", { className: "pineui-root", children: [
-    /* @__PURE__ */ s.jsx(z, { node: t.screen, context: w }),
-    /* @__PURE__ */ s.jsx(Re, { messages: u, onDismiss: I }),
-    /* @__PURE__ */ s.jsx(Je, { overlays: y, onClose: P, context: w, renderer: z })
+  return /* @__PURE__ */ i.jsx(He, { children: /* @__PURE__ */ i.jsxs("div", { className: "pineui-root", children: [
+    /* @__PURE__ */ i.jsx(R, { node: t.screen, context: C }),
+    /* @__PURE__ */ i.jsx(Le, { messages: p, onDismiss: O }),
+    /* @__PURE__ */ i.jsx(Re, { overlays: y, onClose: B, context: C, renderer: R })
   ] }) });
 };
-function Ue(e, n, r) {
+function Je(e, n, r) {
   const t = n.split(".");
-  let i = e;
+  let s = e;
   for (let o = 0; o < t.length - 1; o++)
-    i[t[o]] || (i[t[o]] = {}), i = i[t[o]];
-  i[t[t.length - 1]] = r;
+    s[t[o]] || (s[t[o]] = {}), s = s[t[o]];
+  s[t[t.length - 1]] = r;
 }
-function qe(e) {
-  var t, i;
+function Ue(e) {
+  var t, s;
   const n = typeof e.target == "string" ? document.querySelector(e.target) : e.target;
   if (!n) {
     console.error("PineUI: Target element not found"), (t = e.onError) == null || t.call(e, new Error("Target element not found"));
     return;
   }
-  U.createRoot(n).render(
-    ee.createElement(He, {
+  J.createRoot(n).render(
+    Q.createElement(qe, {
       schema: e.schema,
       schemaUrl: e.schemaUrl,
       baseUrl: e.baseUrl
     })
-  ), (i = e.onReady) == null || i.call(e);
+  ), (s = e.onReady) == null || s.call(e);
 }
 typeof window < "u" && (window.PineUI = {
-  render: qe
+  render: Ue
 });
 export {
-  He as PineUI,
-  qe as render
+  qe as PineUI,
+  Ue as render
 };