@pineui/react 0.1.0

package/dist/pineui.es.js

@@ -0,0 +1,1117 @@
+import ee, { useState as x, useEffect as R, 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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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;
+  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 };
+}
+T.Fragment = le;
+T.jsx = ne;
+T.jsxs = ne;
+te.exports = T;
+var s = te.exports;
+function W(e, n) {
+  if (typeof e == "string")
+    return pe(e, n);
+  if (Array.isArray(e))
+    return e.map((r) => W(r, n));
+  if (e && typeof e == "object") {
+    const r = {};
+    for (const t in e)
+      r[t] = W(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);
+  }
+  return e.replace(/\{\{(.+?)\}\}/g, (t, i) => {
+    const o = Q(i.trim(), n);
+    return o != null ? String(o) : "";
+  });
+}
+function Q(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);
+  } catch (r) {
+    console.warn(`Failed to evaluate expression: ${e}`, r);
+    return;
+  }
+}
+function M(e, n) {
+  const r = n.split(".");
+  let t = e;
+  for (const i of r) {
+    if (t == null) return;
+    t = t[i];
+  }
+  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;
+}
+function me(e) {
+  if (!e) return "";
+  const n = new Date(e);
+  if (isNaN(n.getTime())) return 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) {
+  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);
+  } 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);
+  return t;
+}
+const ve = ({
+  content: e,
+  style: n = "bodyMedium",
+  color: r,
+  fontWeight: t,
+  maxLines: i
+}) => {
+  const o = V("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
+  };
+  return /* @__PURE__ */ s.jsx("p", { className: o, style: a, children: e || "(empty)" });
+}, J = ({
+  type: e,
+  label: n,
+  icon: r,
+  enabled: t = !0,
+  loading: i = !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]}`, {
+    "pineui-button--disabled": !t,
+    "pineui-button--loading": i,
+    [`pineui-button--${d}`]: d
+  }), y = {
+    color: c ? `var(--md-sys-color-${c}, ${c})` : void 0
+  };
+  return /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      className: v,
+      onClick: u,
+      disabled: !t || i,
+      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 })
+      ]
+    }
+  );
+}, X = ({
+  type: e,
+  children: n = [],
+  spacing: r = 0,
+  padding: t = 0,
+  mainAxisAlignment: i = "start",
+  crossAxisAlignment: o = "start",
+  flex: a,
+  width: d,
+  height: c,
+  maxWidth: u,
+  overflow: v,
+  backgroundColor: y,
+  border: j,
+  borderRadius: B,
+  elevation: C,
+  borderRight: A,
+  borderLeft: k,
+  borderTop: D,
+  borderBottom: E,
+  onPress: _,
+  context: w,
+  renderer: I
+}) => {
+  if (!I || !w) return null;
+  const P = async () => {
+    if (_ && w) {
+      const g = W(_, w);
+      await w.executeAction(g);
+    }
+  }, f = e === "layout.column", h = V("pineui-layout", {
+    "pineui-layout--column": f,
+    "pineui-layout--row": !f
+  }), l = {
+    display: "flex",
+    flexDirection: f ? "column" : "row",
+    gap: `${r}px`,
+    padding: `${t}px`,
+    justifyContent: ye(i),
+    alignItems: ge(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,
+    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,
+    minWidth: 0,
+    // Permite que flex shrink funcione corretamente
+    cursor: _ ? "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)) });
+};
+function ye(e) {
+  return {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    spaceBetween: "space-between",
+    spaceAround: "space-around"
+  }[e] || "flex-start";
+}
+function ge(e) {
+  return {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch"
+  }[e] || "flex-start";
+}
+function xe(e) {
+  const n = {
+    1: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    2: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+    3: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    4: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    5: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
+  };
+  return n[e] || n[1];
+}
+const be = ({
+  child: e,
+  elevation: n = 1,
+  padding: r = 16,
+  onTap: t,
+  context: i,
+  renderer: o
+}) => {
+  if (!o || !i) return null;
+  const a = async () => {
+    if (t && i) {
+      const u = W(t, i);
+      await i.executeAction(u);
+    }
+  }, 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 = ({
+  src: e,
+  alt: n = "",
+  aspectRatio: r,
+  borderRadius: t = 0,
+  loading: i = "lazy",
+  onTap: o,
+  context: a
+}) => {
+  const d = async () => {
+    o && a && await a.executeAction(o);
+  }, c = {
+    width: "100%",
+    aspectRatio: r,
+    borderRadius: `${t}px`,
+    objectFit: "cover",
+    cursor: o ? "pointer" : void 0
+  };
+  return /* @__PURE__ */ s.jsx(
+    "img",
+    {
+      className: "pineui-image",
+      src: e,
+      alt: n,
+      loading: i,
+      style: c,
+      onClick: o ? d : void 0
+    }
+  );
+}, _e = ({
+  src: e,
+  size: n = 40,
+  onTap: r,
+  context: t
+}) => {
+  const i = async () => {
+    r && t && await t.executeAction(r);
+  }, o = {
+    width: `${n}px`,
+    height: `${n}px`,
+    borderRadius: "50%",
+    objectFit: "cover",
+    cursor: r ? "pointer" : void 0
+  };
+  return /* @__PURE__ */ s.jsx(
+    "img",
+    {
+      className: "pineui-avatar",
+      src: e,
+      alt: "Avatar",
+      style: o,
+      onClick: r ? i : void 0
+    }
+  );
+}, we = ({
+  name: e,
+  size: n = 24,
+  color: r,
+  visible: t = !0
+}) => {
+  if (!t) return null;
+  const i = {
+    fontSize: `${n}px`,
+    color: r ? `var(--md-sys-color-${r}, ${r})` : void 0
+  }, o = {
+    verified: "✓",
+    favorite: "❤️",
+    favoriteBorder: "🤍",
+    chatBubbleOutline: "💬",
+    repeat: "🔁",
+    bookmark: "🔖",
+    bookmarkBorder: "🔖",
+    iosShare: "↗️",
+    moreVert: "⋮"
+  };
+  return /* @__PURE__ */ s.jsx("span", { className: "pineui-icon", style: i, children: o[e] || e });
+}, Ne = ({
+  id: e,
+  layout: n = "list",
+  columns: r = 3,
+  spacing: t = 16,
+  data: i,
+  itemTemplate: o,
+  loadingState: a,
+  emptyState: d,
+  errorState: c,
+  refreshable: u = !1,
+  context: v,
+  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)
+      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];
+            }
+            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);
+        }
+      } catch (p) {
+        _(p);
+      } finally {
+        A(!1), D(!1);
+      }
+  }, l = () => {
+    !k && w && h(!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(
+      "div",
+      {
+        className: `pineui-collection__${n}`,
+        style: n === "grid" ? {
+          display: "grid",
+          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);
+        })
+      }
+    ),
+    w && !C && /* @__PURE__ */ s.jsx("div", { className: "pineui-collection__load-more", style: { padding: "16px", textAlign: "center" }, children: /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        onClick: l,
+        disabled: k,
+        style: {
+          padding: "12px 24px",
+          fontSize: "14px",
+          fontWeight: 500,
+          cursor: k ? "not-allowed" : "pointer",
+          opacity: k ? 0.6 : 1
+        },
+        children: k ? "Carregando..." : "Carregar mais"
+      }
+    ) })
+  ] });
+}, ke = ({
+  appBar: e,
+  body: n,
+  floatingActionButton: r,
+  bottomNavigationBar: t,
+  context: i,
+  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 }) })
+] }), $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)) })
+] }), Ce = ({
+  items: e,
+  currentIndex: n,
+  onItemTap: r,
+  context: t
+}) => {
+  const i = 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) : "";
+      })
+    );
+    await t.executeAction(a);
+  };
+  return /* @__PURE__ */ s.jsx("nav", { className: "pineui-bottomnav", children: e.map((o, a) => /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      className: `pineui-bottomnav__item ${a === n ? "pineui-bottomnav__item--active" : ""}`,
+      onClick: () => i(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__ */ s.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
+}) => {
+  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"
+  };
+  return t ? /* @__PURE__ */ s.jsx(
+    "textarea",
+    {
+      ...v,
+      rows: i,
+      style: {
+        resize: "none",
+        minHeight: `${i * 24}px`
+      }
+    }
+  ) : /* @__PURE__ */ s.jsx("input", { ...v, type: "text" });
+}, Ee = ({
+  thickness: e = 1,
+  color: n = "surfaceVariant"
+}) => {
+  const r = {
+    height: `${e}px`,
+    backgroundColor: `var(--md-sys-color-${n}, #e0e0e0)`,
+    border: "none",
+    margin: 0
+  };
+  return /* @__PURE__ */ s.jsx("hr", { className: "pineui-divider", style: r });
+}, Se = ({
+  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 });
+  }
+  return null;
+}, Ie = ({
+  tabs: e,
+  defaultTab: n,
+  context: r,
+  renderer: t
+}) => {
+  var d;
+  const [i, o] = x(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(
+      "button",
+      {
+        className: `pineui-tabs__tab ${i === 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.id
+    )) }),
+    /* @__PURE__ */ s.jsx("div", { className: "pineui-tabs__content", children: a && /* @__PURE__ */ s.jsx(t, { node: a.content, context: r }) })
+  ] });
+}, Oe = ({
+  label: e,
+  variant: n = "default",
+  size: r = "medium"
+}) => {
+  const t = V(
+    "pineui-badge",
+    `pineui-badge--${n}`,
+    `pineui-badge--${r}`
+  );
+  return /* @__PURE__ */ s.jsx("span", { className: t, children: e });
+}, Me = ({
+  label: e,
+  icon: n,
+  selected: r = !1,
+  onPress: t,
+  context: i
+}) => {
+  const o = async () => {
+    t && i && await i.executeAction(t);
+  }, a = V("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 })
+  ] });
+}, We = ({
+  children: e,
+  columns: n = 3,
+  spacing: r = 16,
+  context: t,
+  renderer: i
+}) => {
+  if (!i || !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)) });
+}, 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,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "pineui-progress__track", children: /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: `pineui-progress__fill pineui-progress__fill--${t}`,
+        style: { width: `${i}%` }
+      }
+    ) })
+  ] });
+}, De = ({
+  columns: e,
+  data: n,
+  context: r,
+  renderer: t
+}) => {
+  const [i, o] = x([]), [a, d] = x(!0);
+  R(() => {
+    c();
+  }, []);
+  const c = async () => {
+    if (r) {
+      if (Array.isArray(n)) {
+        o(n), d(!1);
+        return;
+      }
+      if (n.type === "action.http")
+        try {
+          const u = n, y = await (await fetch(u.url, {
+            method: u.method || "GET",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: u.body ? JSON.stringify(u.body) : void 0
+          })).json();
+          o(y.data || y), d(!1);
+        } catch (u) {
+          console.error("Table data fetch error:", u), 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(
+      "th",
+      {
+        style: { width: u.width },
+        className: "pineui-table__header",
+        children: u.label
+      },
+      u.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(
+      t,
+      {
+        node: y.template,
+        context: r,
+        parentData: u
+      }
+    ) : /* @__PURE__ */ s.jsx("span", { children: u[y.key] }) }, y.key)) }, v)) })
+  ] }) });
+}, Pe = ({ name: e, context: n, renderer: r, flex: t, width: i, 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,
+  "layout.scaffold": ke,
+  "layout.appBar": $e,
+  "layout.bottomNav": Ce,
+  card: be,
+  image: je,
+  avatar: _e,
+  icon: we,
+  collection: Ne,
+  "input.text": Ae,
+  divider: Ee,
+  conditionalRender: Se,
+  tabs: Ie,
+  badge: Oe,
+  chip: Me,
+  grid: We,
+  progress: Be,
+  table: De,
+  view: Pe
+}, z = ({ 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;
+  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 = {
+      ...t,
+      props: o.props
+    };
+    return /* @__PURE__ */ s.jsx(z, { node: c.definition, context: u, parentData: r });
+  }
+  const a = Le[o.type];
+  return a ? /* @__PURE__ */ s.jsx(
+    a,
+    {
+      ...o,
+      context: n,
+      renderer: z
+    }
+  ) : (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 = ({
+  message: e,
+  onDismiss: n
+}) => {
+  const [r, t] = x(!1);
+  return R(() => {
+    setTimeout(() => t(!0), 10);
+    const i = 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 })
+  ] });
+}, Fe = ({
+  presentation: e = "modal",
+  dismissible: n = !0,
+  child: r,
+  onClose: t,
+  context: i,
+  renderer: o
+}) => {
+  if (R(() => (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();
+  };
+  R(() => (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 = ({
+  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,
+    {
+      id: i,
+      ...a,
+      onClose: () => n(i),
+      context: r,
+      renderer: t
+    },
+    i
+  ) : null
+) });
+function H(e, n) {
+  if (n.startsWith("http://") || n.startsWith("https://"))
+    return n;
+  try {
+    const r = new URL(e, window.location.href);
+    return new URL(n, r).href;
+  } catch {
+    const r = n.replace(/^\.\//, "");
+    return `${e.endsWith("/") ? e.slice(0, -1) : e}/${r}`;
+  }
+}
+async function Z(e, n) {
+  if (!e.imports) return e;
+  const r = { ...e };
+  if (e.imports.components)
+    for (const t of e.imports.components)
+      try {
+        const i = H(n, t), a = await (await fetch(i)).json();
+        r.components = {
+          ...r.components,
+          ...a
+        };
+      } catch (i) {
+        console.error(`❌ Failed to load component from ${t}:`, i), console.error(`   Resolved URL: ${H(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();
+        r.views = {
+          ...r.views,
+          ...a
+        };
+      } catch (i) {
+        console.error(`Failed to load view from ${t}:`, i);
+      }
+  return r;
+}
+class ze extends se {
+  constructor(n) {
+    super(n), this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(n) {
+    return { hasError: !0, error: n };
+  }
+  componentDidCatch(n, r) {
+    console.error("🚨 PineUI Error:", n), console.error("Component Stack:", r.componentStack);
+  }
+  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(
+        "button",
+        {
+          onClick: () => window.location.reload(),
+          style: {
+            padding: "10px 20px",
+            background: "#6750A4",
+            color: "white",
+            border: "none",
+            borderRadius: "20px",
+            cursor: "pointer",
+            fontSize: "14px",
+            fontWeight: 500
+          },
+          children: "Reload Page"
+        }
+      )
+    ] }) : this.props.children;
+  }
+}
+function Te(e, n) {
+  const r = n.split(".");
+  let t = e;
+  for (const i of r) {
+    if (t == null) return;
+    t = t[i];
+  }
+  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) || {
+    currentUser: {
+      id: "user_current",
+      username: "currentuser",
+      displayName: "Current User",
+      avatar: "https://i.pravatar.cc/150?img=1"
+    },
+    composer: {
+      text: "",
+      media: null,
+      posting: !1
+    },
+    testInput: ""
+  }, [C, A] = x(B);
+  R(() => {
+    n && !e ? D() : e && k();
+  }, [n, e, r]);
+  const k = 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 }));
+    } catch (f) {
+      c(f);
+    } finally {
+      a(!1);
+    }
+  }, D = 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 }));
+    } 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);
+    }
+    if (l.intent) {
+      const p = l.intent, m = { ...h, ...l };
+      return delete m.intent, _(p, m);
+    }
+    if (l.type && l.type.startsWith("intent.")) {
+      const p = l.type.substring(7), m = { ...h, ...l };
+      return delete m.type, _(p, m);
+    }
+    switch (l.type) {
+      case "action.http": {
+        try {
+          const p = l.url.startsWith("http") ? l.url : `${r}${l.url}`, b = await (await fetch(p, {
+            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);
+        }
+        break;
+      }
+      case "action.state.patch": {
+        A((p) => {
+          const m = { ...p };
+          return Ue(m, l.path, l.value), m;
+        });
+        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 }
+        })) : console.warn("Overlay not found:", l.overlayId);
+        break;
+      }
+      case "action.overlay.close": {
+        j((p) => ({
+          ...p,
+          [l.overlayId]: { ...p[l.overlayId], visible: !1 }
+        }));
+        break;
+      }
+      case "action.collection.refresh": {
+        console.log("Refresh collection:", l.collectionId);
+        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) : "";
+          }
+          return "";
+        }) : l.message, m = {
+          id: `snackbar-${Date.now()}`,
+          message: p,
+          duration: l.duration || 3e3,
+          action: l.action ? {
+            label: l.action.label,
+            onPress: () => E(l.action.onPress)
+          } : void 0
+        };
+        v((b) => [...b, m]);
+        break;
+      }
+      case "action.delay": {
+        const p = l.duration || 1e3;
+        await new Promise((m) => setTimeout(m, p));
+        break;
+      }
+      default:
+        console.warn("Unknown action type:", l.type);
+    }
+  }, _ = async (f, h) => {
+    if (console.log("Executing intent:", f, h), !(t != null && t.intents)) return;
+    const l = t.intents[f];
+    if (!l) {
+      console.warn("Intent not found:", f);
+      return;
+    }
+    if (Array.isArray(l.handler))
+      for (const g of l.handler)
+        await E(g, h);
+    else
+      await E(l.handler, h);
+  }, w = {
+    state: C,
+    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: _
+  };
+  if (o)
+    return /* @__PURE__ */ s.jsxs("div", { className: "pineui-loading", style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "400px",
+      gap: "16px",
+      color: "#79747E"
+    }, children: [
+      /* @__PURE__ */ s.jsx("div", { style: {
+        width: "40px",
+        height: "40px",
+        border: "4px solid #E7E0EC",
+        borderTop: "4px solid #6750A4",
+        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: {
+        __html: `
+            @keyframes pineui-spin {
+              0% { transform: rotate(0deg); }
+              100% { transform: rotate(360deg); }
+            }
+          `
+      } })
+    ] });
+  if (d)
+    return /* @__PURE__ */ s.jsx("div", { className: "pineui-error", children: /* @__PURE__ */ s.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) => ({
+      ...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 })
+  ] }) });
+};
+function Ue(e, n, r) {
+  const t = n.split(".");
+  let i = 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;
+}
+function qe(e) {
+  var t, i;
+  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, {
+      schema: e.schema,
+      schemaUrl: e.schemaUrl,
+      baseUrl: e.baseUrl
+    })
+  ), (i = e.onReady) == null || i.call(e);
+}
+typeof window < "u" && (window.PineUI = {
+  render: qe
+});
+export {
+  He as PineUI,
+  qe as render
+};